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