[{"data":1,"prerenderedAt":1276},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fprogress":313,"\u002Fcomponents\u002Fprogress-surround":1271},[4,24,41,48,293,298,303,308],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":23},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles","i-lucide-rocket",{"title":25,"package":11,"icon":26,"path":27,"stem":28,"children":29,"page":40},"Packages","i-lucide-package","\u002Fpackages","2.packages",[30,35],{"title":31,"path":32,"stem":33,"package":11,"icon":34},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":36,"path":37,"stem":38,"package":11,"icon":39},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":42,"path":43,"stem":44,"children":45,"package":11,"icon":47},"CLI","\u002Fcli","3.cli\u002F1.index",[46],{"title":42,"path":43,"stem":44,"package":11,"icon":47},"i-lucide-terminal",{"title":49,"package":11,"icon":50,"path":51,"stem":52,"children":53},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[54,56,62,67,72,77,82,87,92,97,102,107,112,117,122,127,132,136,141,145,150,155,160,165,170,175,180,185,190,195,200,205,210,215,220,225,230,234,238,243,248,253,258,263,268,272,276,280,284,288],{"title":49,"path":51,"stem":55,"package":11,"icon":50},"3.components\u002Findex",{"title":57,"path":58,"stem":59,"package":60,"icon":61},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":63,"path":64,"stem":65,"package":60,"icon":66},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":68,"path":69,"stem":70,"package":60,"icon":71},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":73,"path":74,"stem":75,"package":76,"icon":71},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":78,"path":79,"stem":80,"package":60,"icon":81},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":83,"path":84,"stem":85,"package":60,"icon":86},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":88,"path":89,"stem":90,"package":60,"icon":91},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":93,"path":94,"stem":95,"package":60,"icon":96},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":98,"path":99,"stem":100,"package":60,"icon":101},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":103,"path":104,"stem":105,"package":60,"icon":106},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":108,"path":109,"stem":110,"package":60,"icon":111},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":113,"path":114,"stem":115,"package":76,"icon":116},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":118,"path":119,"stem":120,"package":76,"icon":121},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":123,"path":124,"stem":125,"package":76,"icon":126},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":128,"path":129,"stem":130,"package":60,"icon":131},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":133,"path":134,"stem":135,"package":76,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":137,"path":138,"stem":139,"package":60,"icon":140},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":142,"path":143,"stem":144,"package":60,"icon":66},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":146,"path":147,"stem":148,"package":60,"icon":149},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":151,"path":152,"stem":153,"package":60,"icon":154},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":156,"path":157,"stem":158,"package":60,"icon":159},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":161,"path":162,"stem":163,"package":60,"icon":164},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":166,"path":167,"stem":168,"package":60,"icon":169},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":171,"path":172,"stem":173,"package":76,"icon":174},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":176,"path":177,"stem":178,"package":60,"icon":179},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":181,"path":182,"stem":183,"package":76,"icon":184},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":186,"path":187,"stem":188,"package":60,"icon":189},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":191,"path":192,"stem":193,"package":60,"icon":194},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":196,"path":197,"stem":198,"package":60,"icon":199},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":201,"path":202,"stem":203,"package":60,"icon":204},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":206,"path":207,"stem":208,"package":60,"icon":209},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":211,"path":212,"stem":213,"package":60,"icon":214},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":216,"path":217,"stem":218,"package":76,"icon":219},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":221,"path":222,"stem":223,"package":60,"icon":224},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":226,"path":227,"stem":228,"package":60,"icon":229},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":231,"path":232,"stem":233,"package":76,"icon":66},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":235,"path":236,"stem":237,"package":60,"icon":154},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":239,"path":240,"stem":241,"package":60,"icon":242},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":244,"path":245,"stem":246,"package":60,"icon":247},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":249,"path":250,"stem":251,"package":60,"icon":252},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":254,"path":255,"stem":256,"package":60,"icon":257},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":259,"path":260,"stem":261,"package":60,"icon":262},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":264,"path":265,"stem":266,"package":60,"icon":267},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":269,"path":270,"stem":271,"package":60,"icon":154},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":273,"path":274,"stem":275,"package":60,"icon":140},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":277,"path":278,"stem":279,"package":60,"icon":199},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":281,"path":282,"stem":283,"package":60,"icon":267},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":285,"path":286,"stem":287,"package":60,"icon":154},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":289,"path":290,"stem":291,"package":60,"icon":292},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":294,"path":295,"stem":296,"package":11,"icon":297},"Theming","\u002Ftheming","4.theming","i-lucide-palette",{"title":299,"path":300,"stem":301,"package":11,"icon":302},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":304,"path":305,"stem":306,"package":11,"icon":307},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":309,"path":310,"stem":311,"package":11,"icon":312},"Roadmap","\u002Froadmap","7.roadmap","i-lucide-map",{"id":314,"title":201,"body":315,"description":1256,"extension":1257,"links":1258,"meta":1267,"navigation":1268,"package":60,"path":202,"seo":1269,"stem":203,"__hash__":1270},"docs\u002F3.components\u002Fprogress.md",{"type":316,"value":317,"toc":1239},"minimark",[318,323,331,336,340,347,349,352,357,363,366,372,517,521,532,535,538,542,553,557,564,568,575,579,583,663,667,887,913,917,947,950,954,1000,1004,1013,1085,1106,1135,1138,1145,1166,1169,1173,1205,1209,1235],[319,320,322],"h2",{"id":321},"overview","Overview",[324,325,326,330],"p",{},[327,328,329],"code",{},"VyProgress"," displays determinate or indeterminate completion as a themed bar. It supports horizontal and vertical layouts, semantic colors, six sizes, percentage status text, reversed direction, animated indeterminate states, and an array-based stepped mode.",[332,333],"component-code",{"height":334,"name":335},"180px","progress-example",[319,337,339],{"id":338},"usage","Usage",[324,341,342,343,346],{},"Bind a numeric value with ",[327,344,345],{},"v-model"," and set the maximum value.",[332,348],{"height":334,"name":335},[324,350,351],{},"Progress is a display component rather than an input. The binding is useful when application state changes the value; users do not directly edit it.",[353,354,356],"h3",{"id":355},"status","Status",[324,358,359,360,362],{},"Set ",[327,361,355],{}," to show the rounded percentage above the bar.",[332,364],{"height":334,"name":365},"progress-status",[324,367,368,369,371],{},"Use the ",[327,370,355],{}," slot to replace the default percentage text.",[373,374,379],"pre",{"className":375,"code":376,"language":377,"meta":378,"style":378},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CVyProgress :model-value=\"3\" :max=\"8\">\n    \u003Ctemplate #status=\"{ percent }\">\n      \u003Ctext>{{ percent }}% · 3 of 8 files\u003C\u002Ftext>\n    \u003C\u002Ftemplate>\n  \u003C\u002FVyProgress>\n\u003C\u002Ftemplate>\n","vue","",[327,380,381,397,435,466,488,498,508],{"__ignoreMap":378},[382,383,386,390,394],"span",{"class":384,"line":385},"line",1,[382,387,389],{"class":388},"sMK4o","\u003C",[382,391,393],{"class":392},"swJcz","template",[382,395,396],{"class":388},">\n",[382,398,400,403,405,409,412,415,419,421,424,426,428,431,433],{"class":384,"line":399},2,[382,401,402],{"class":388},"  \u003C",[382,404,329],{"class":392},[382,406,408],{"class":407},"spNyl"," :model-value",[382,410,411],{"class":388},"=",[382,413,414],{"class":388},"\"",[382,416,418],{"class":417},"sfazB","3",[382,420,414],{"class":388},[382,422,423],{"class":407}," :max",[382,425,411],{"class":388},[382,427,414],{"class":388},[382,429,430],{"class":417},"8",[382,432,414],{"class":388},[382,434,396],{"class":388},[382,436,438,441,443,446,448,450,452,455,459,462,464],{"class":384,"line":437},3,[382,439,440],{"class":388},"    \u003C",[382,442,393],{"class":392},[382,444,445],{"class":388}," #",[382,447,355],{"class":407},[382,449,411],{"class":388},[382,451,414],{"class":388},[382,453,454],{"class":388},"{",[382,456,458],{"class":457},"sTEyZ"," percent ",[382,460,461],{"class":388},"}",[382,463,414],{"class":388},[382,465,396],{"class":388},[382,467,469,472,475,478,481,484,486],{"class":384,"line":468},4,[382,470,471],{"class":388},"      \u003C",[382,473,474],{"class":392},"text",[382,476,477],{"class":388},">",[382,479,480],{"class":457},"{{ percent }}% · 3 of 8 files",[382,482,483],{"class":388},"\u003C\u002F",[382,485,474],{"class":392},[382,487,396],{"class":388},[382,489,491,494,496],{"class":384,"line":490},5,[382,492,493],{"class":388},"    \u003C\u002F",[382,495,393],{"class":392},[382,497,396],{"class":388},[382,499,501,504,506],{"class":384,"line":500},6,[382,502,503],{"class":388},"  \u003C\u002F",[382,505,329],{"class":392},[382,507,396],{"class":388},[382,509,511,513,515],{"class":384,"line":510},7,[382,512,483],{"class":388},[382,514,393],{"class":392},[382,516,396],{"class":388},[353,518,520],{"id":519},"indeterminate","Indeterminate",[324,522,523,524,527,528,531],{},"Omit ",[327,525,526],{},"modelValue",", or set it to ",[327,529,530],{},"null",", when the amount of work is unknown.",[332,533],{"height":334,"name":534},"progress-indeterminate",[324,536,537],{},"The status and step labels are hidden while progress is indeterminate.",[353,539,541],{"id":540},"steps","Steps",[324,543,544,545,548,549,552],{},"Pass an array to ",[327,546,547],{},"max"," to use its entries as step labels. The numeric value becomes the active zero-based step index, and the effective maximum is ",[327,550,551],{},"max.length - 1",".",[332,554],{"height":555,"name":556},"240px","progress-steps",[324,558,559,560,563],{},"Each entry has a named ",[327,561,562],{},"step-N"," slot. By default, only the active step label is visible.",[353,565,567],{"id":566},"vertical-and-inverted","Vertical and inverted",[324,569,570,571,574],{},"A vertical progress bar needs an explicit height. ",[327,572,573],{},"inverted"," reverses the direction in either orientation.",[332,576],{"height":577,"name":578},"320px","progress-vertical",[319,580,582],{"id":581},"features-and-behavior","Features and behavior",[584,585,586,597,607,617,627,640,645,648],"ul",{},[587,588,589,590,592,593,596],"li",{},"A number renders determinate progress; ",[327,591,530],{}," or ",[327,594,595],{},"undefined"," renders the indeterminate state.",[587,598,599,600,602,603,606],{},"Numeric ",[327,601,547],{}," defaults to ",[327,604,605],{},"100"," in the core primitive.",[587,608,609,610,612,613,616],{},"An array ",[327,611,547],{}," enables step labels and uses ",[327,614,615],{},"array.length - 1"," as the numeric maximum.",[587,618,619,620,623,624,552],{},"The displayed percentage is rounded to the nearest whole number and visually clamped from ",[327,621,622],{},"0%"," to ",[327,625,626],{},"100%",[587,628,629,630,633,634,636,637,639],{},"The core primitive validates determinate values. Values below ",[327,631,632],{},"0",", above ",[327,635,547],{},", or otherwise invalid are corrected to ",[327,638,530],{},", producing an indeterminate state.",[587,641,642,644],{},[327,643,573],{}," reverses the indicator translation and status alignment.",[587,646,647],{},"Horizontal progress fills the available width. Vertical progress fills the available height supplied by its parent.",[587,649,650,651,654,655,658,659,662],{},"The indicator exposes ",[327,652,653],{},"data-state=\"indeterminate\"",", ",[327,656,657],{},"\"loading\"",", or ",[327,660,661],{},"\"complete\""," through the core primitive.",[319,664,666],{"id":665},"props","Props",[668,669,670,689],"table",{},[671,672,673],"thead",{},[674,675,676,680,683,686],"tr",{},[677,678,679],"th",{},"Prop",[677,681,682],{},"Type",[677,684,685],{},"Default",[677,687,688],{},"Description",[690,691,692,714,733,752,769,789,809,829,849,868],"tbody",{},[674,693,694,699,704,708],{},[695,696,697],"td",{},[327,698,526],{},[695,700,701],{},[327,702,703],{},"number | null",[695,705,706],{},[327,707,530],{},[695,709,710,711,713],{},"Current value. ",[327,712,530],{}," or omission selects the indeterminate state.",[674,715,716,720,725,730],{},[695,717,718],{},[327,719,547],{},[695,721,722],{},[327,723,724],{},"number | any[]",[695,726,727,728],{},"Effective ",[327,729,605],{},[695,731,732],{},"Maximum numeric value, or step labels whose last index becomes the maximum.",[674,734,735,739,744,749],{},[695,736,737],{},[327,738,355],{},[695,740,741],{},[327,742,743],{},"boolean",[695,745,746],{},[327,747,748],{},"false",[695,750,751],{},"Shows the rounded percentage status for determinate progress.",[674,753,754,758,762,766],{},[695,755,756],{},[327,757,573],{},[695,759,760],{},[327,761,743],{},[695,763,764],{},[327,765,748],{},[695,767,768],{},"Reverses the visual fill direction and status alignment.",[674,770,771,776,781,786],{},[695,772,773],{},[327,774,775],{},"size",[695,777,778],{},[327,779,780],{},"'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'",[695,782,783],{},[327,784,785],{},"'md'",[695,787,788],{},"Bar thickness and status or step text size.",[674,790,791,796,801,806],{},[695,792,793],{},[327,794,795],{},"color",[695,797,798],{},[327,799,800],{},"Color",[695,802,803],{},[327,804,805],{},"'primary'",[695,807,808],{},"Semantic indicator and step-label color.",[674,810,811,816,821,826],{},[695,812,813],{},[327,814,815],{},"orientation",[695,817,818],{},[327,819,820],{},"'horizontal' | 'vertical'",[695,822,823],{},[327,824,825],{},"'horizontal'",[695,827,828],{},"Bar and status layout direction.",[674,830,831,836,841,846],{},[695,832,833],{},[327,834,835],{},"animation",[695,837,838],{},[327,839,840],{},"'carousel' | 'carousel-inverse' | 'swing' | 'elastic'",[695,842,843],{},[327,844,845],{},"'carousel'",[695,847,848],{},"Animation used only for indeterminate progress.",[674,850,851,856,861,865],{},[695,852,853],{},[327,854,855],{},"class",[695,857,858],{},[327,859,860],{},"any",[695,862,863],{},[327,864,595],{},[695,866,867],{},"Classes merged onto the outer root.",[674,869,870,875,880,884],{},[695,871,872],{},[327,873,874],{},"ui",[695,876,877],{},[327,878,879],{},"Partial\u003CRecord\u003CProgressSlot, any>>",[695,881,882],{},[327,883,595],{},[695,885,886],{},"Per-instance theme slot overrides.",[324,888,889,602,891,654,894,654,897,654,900,654,903,654,906,658,909,912],{},[327,890,800],{},[327,892,893],{},"primary",[327,895,896],{},"secondary",[327,898,899],{},"success",[327,901,902],{},"info",[327,904,905],{},"warning",[327,907,908],{},"error",[327,910,911],{},"neutral",", and supports registry extensions.",[319,914,916],{"id":915},"emits","Emits",[668,918,919,931],{},[671,920,921],{},[674,922,923,926,929],{},[677,924,925],{},"Event",[677,927,928],{},"Payload",[677,930,688],{},[690,932,933],{},[674,934,935,940,944],{},[695,936,937],{},[327,938,939],{},"update:modelValue",[695,941,942],{},[327,943,703],{},[695,945,946],{},"Forwards a corrected value from the core progress primitive.",[324,948,949],{},"The component does not emit ordinary user interaction updates because it is non-interactive.",[319,951,953],{"id":952},"slots","Slots",[668,955,956,967],{},[671,957,958],{},[674,959,960,963,965],{},[677,961,962],{},"Slot",[677,964,666],{},[677,966,688],{},[690,968,969,983],{},[674,970,971,975,980],{},[695,972,973],{},[327,974,355],{},[695,976,977],{},[327,978,979],{},"{ percent?: number }",[695,981,982],{},"Replaces the percentage status. Rendered only for determinate progress.",[674,984,985,989,994],{},[695,986,987],{},[327,988,562],{},[695,990,991],{},[327,992,993],{},"{ step: any }",[695,995,996,997,552],{},"Replaces the label for the step at zero-based index ",[327,998,999],{},"N",[319,1001,1003],{"id":1002},"styling-and-theming","Styling and theming",[324,1005,1006,1007,1010,1011,552],{},"Override globally through ",[327,1008,1009],{},"appConfig.ui.progress"," or locally with ",[327,1012,874],{},[668,1014,1015,1025],{},[671,1016,1017],{},[674,1018,1019,1022],{},[677,1020,1021],{},"UI slot",[677,1023,1024],{},"Purpose",[690,1026,1027,1037,1047,1057,1066,1075],{},[674,1028,1029,1034],{},[695,1030,1031],{},[327,1032,1033],{},"root",[695,1035,1036],{},"Outer orientation and spacing layout.",[674,1038,1039,1044],{},[695,1040,1041],{},[327,1042,1043],{},"base",[695,1045,1046],{},"Clipped neutral track.",[674,1048,1049,1054],{},[695,1050,1051],{},[327,1052,1053],{},"indicator",[695,1055,1056],{},"Colored filling or animated bar.",[674,1058,1059,1063],{},[695,1060,1061],{},[327,1062,355],{},[695,1064,1065],{},"Percentage or custom status wrapper.",[674,1067,1068,1072],{},[695,1069,1070],{},[327,1071,540],{},[695,1073,1074],{},"Overlaid step-label grid.",[674,1076,1077,1082],{},[695,1078,1079],{},[327,1080,1081],{},"step",[695,1083,1084],{},"Individual active or hidden step label.",[324,1086,1087,1088,654,1090,654,1092,654,1094,654,1096,1098,1099,623,1102,1105],{},"The theme combines ",[327,1089,795],{},[327,1091,775],{},[327,1093,815],{},[327,1095,573],{},[327,1097,835],{},", and an internal step state. Horizontal sizes range from ",[327,1100,1101],{},"2px",[327,1103,1104],{},"20px","; vertical sizes use the same values as widths. Semantic color affects the indicator and step labels, while the track remains neutral.",[324,1107,1108,1109,654,1112,654,1115,654,1118,654,1121,654,1124,654,1127,1130,1131,1134],{},"Indeterminate animation utilities reference ",[327,1110,1111],{},"carousel",[327,1113,1114],{},"carousel-vertical",[327,1116,1117],{},"carousel-inverse",[327,1119,1120],{},"carousel-inverse-vertical",[327,1122,1123],{},"swing",[327,1125,1126],{},"swing-vertical",[327,1128,1129],{},"elastic",", and ",[327,1132,1133],{},"elastic-vertical"," keyframes. The consuming app must provide the corresponding keyframes for animations it uses.",[319,1136,299],{"id":1137},"accessibility",[324,1139,1140,1141,1144],{},"The core root is exposed as a native progress bar with the Lynx ",[327,1142,1143],{},"updating"," trait. Determinate values are announced as a rounded percentage of the maximum, such as “50%.” Indeterminate progress has no numeric accessibility value.",[324,1146,1147,1148,592,1151,1154,1155,1158,1159,1162,1163,1165],{},"Place a visible label near the component so users know which task is progressing. The kit wrapper does not currently expose the core ",[327,1149,1150],{},"getValueLabel",[327,1152,1153],{},"getValueText"," callbacks; use ",[327,1156,1157],{},"ProgressRoot"," and ",[327,1160,1161],{},"ProgressIndicator"," from ",[327,1164,31],{}," when the announced value must use application-specific wording such as “3 files.”",[324,1167,1168],{},"Do not rely on color alone to communicate completion, failure, or another task state. Pair the bar with text when that distinction matters.",[319,1170,1172],{"id":1171},"platform-notes","Platform notes",[584,1174,1175,1178,1188,1199,1202],{},[587,1176,1177],{},"The kit provides a bar only. Circular progress based on inline SVG is not supported by Lynx native.",[587,1179,1180,1181,592,1184,1187],{},"Determinate fill is painted with a concrete ",[327,1182,1183],{},"translateX",[327,1185,1186],{},"translateY"," transform for consistent Lynx rendering.",[587,1189,1190,1191,1194,1195,1198],{},"Lynx does not support ",[327,1192,1193],{},"fit-content"," for the status dimension, so the indeterminate fallback uses intrinsic ",[327,1196,1197],{},"auto"," sizing.",[587,1200,1201],{},"Vertical layout requires a constrained parent height.",[587,1203,1204],{},"Indeterminate motion depends on keyframes supplied by the consuming app; without them, the component remains visually indeterminate but static.",[319,1206,1208],{"id":1207},"related-components","Related components",[584,1210,1211,1219,1224,1229],{},[587,1212,1213,1218],{},[1214,1215,1216],"a",{"href":240},[327,1217,239],{}," for a value users can change.",[587,1220,1221,1223],{},[327,1222,249],{}," for navigating an ordered sequence of interactive steps.",[587,1225,1226,1228],{},[327,1227,235],{}," for placeholder content while its final shape is loading.",[587,1230,1231,1232,1234],{},"The ",[327,1233,31],{}," progress primitives for custom markup and accessible value text.",[1236,1237,1238],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":378,"searchDepth":385,"depth":399,"links":1240},[1241,1242,1248,1249,1250,1251,1252,1253,1254,1255],{"id":321,"depth":399,"text":322},{"id":338,"depth":399,"text":339,"children":1243},[1244,1245,1246,1247],{"id":355,"depth":437,"text":356},{"id":519,"depth":437,"text":520},{"id":540,"depth":437,"text":541},{"id":566,"depth":437,"text":567},{"id":581,"depth":399,"text":582},{"id":665,"depth":399,"text":666},{"id":915,"depth":399,"text":916},{"id":952,"depth":399,"text":953},{"id":1002,"depth":399,"text":1003},{"id":1137,"depth":399,"text":299},{"id":1171,"depth":399,"text":1172},{"id":1207,"depth":399,"text":1208},"Show determinate, indeterminate, or stepped task progress.","md",[1259,1264],{"label":1260,"icon":1261,"to":1262,"target":1263},"Kit source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FProgress.vue","_blank",{"label":1265,"icon":1261,"to":1266,"target":1263},"Core primitives","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Ftree\u002Fmain\u002Fpackages\u002Fcore\u002Fsrc\u002Fcomponents\u002FProgress",{},{"icon":204},{"title":201,"description":1256},"W0Lw8OLQUdFPSQWWeiVIjkNIvE-LrBYEq1jVQR8Gmnc",[1272,1274],{"title":196,"path":197,"stem":198,"description":1273,"icon":-1,"children":-1,"navigation":-1},"Reveal contextual content in a mobile sheet or anchored floating panel.",{"title":206,"path":207,"stem":208,"description":1275,"icon":-1,"children":-1,"navigation":-1},"Choose one value from a visible set of labeled options.",1783464076123]