[{"data":1,"prerenderedAt":1241},["ShallowReactive",2],{"i-ph:sidebar":3,"i-ph:caret-left":8,"i-ph:caret-right":10,"components-progress":12,"i-ph:code":1239},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16M40 152h16a8 8 0 0 0 0-16H40v-16h16a8 8 0 0 0 0-16H40V88h16a8 8 0 0 0 0-16H40V56h40v144H40Zm176 48H96V56h120z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32\"\u002F>",{"id":13,"title":14,"body":15,"description":25,"extension":1233,"meta":1234,"navigation":114,"path":1235,"seo":1236,"stem":1237,"__hash__":1238},"docs\u002Fdocs\u002Fcomponents\u002Fprogress.md","Progress",{"type":16,"value":17,"toc":1227},"minimark",[18,22,26,203,208,214,312,316,343,347,350,1149,1153,1156,1223],[19,20,14],"h1",{"id":21},"progress",[23,24,25],"p",{},"The Progress component is a flexible progress indicator that can be used to show loading states, file upload progress, or any other progress-related information. It supports both determinate and indeterminate states, and can be displayed as a fixed bar at the top of the page.",[27,28,30],"progress-example",{"source-path":29},"Progress\u002FProgress.vue",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { Progress } from '@dolanske\u002Fvui'\nimport { ref } from 'vue'\n\nconst progress = ref(50)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CProgress v-model=\"progress\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[38,39,40,60,89,109,116,142,152,157,167,194],"code",{"__ignoreMap":36},[41,42,45,49,53,57],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sP76a","\u003C",[41,50,52],{"class":51},"sKpE2","script",[41,54,56],{"class":55},"sflEz"," setup",[41,58,59],{"class":47},">\n",[41,61,63,66,69,72,75,78,82,86],{"class":43,"line":62},2,[41,64,65],{"class":51},"import",[41,67,68],{"class":47}," {",[41,70,71],{"class":55}," Progress",[41,73,74],{"class":47}," }",[41,76,77],{"class":51}," from",[41,79,81],{"class":80},"sBR95"," '",[41,83,85],{"class":84},"sfmH-","@dolanske\u002Fvui",[41,87,88],{"class":80},"'\n",[41,90,92,94,96,99,101,103,105,107],{"class":43,"line":91},3,[41,93,65],{"class":51},[41,95,68],{"class":47},[41,97,98],{"class":55}," ref",[41,100,74],{"class":47},[41,102,77],{"class":51},[41,104,81],{"class":80},[41,106,35],{"class":84},[41,108,88],{"class":80},[41,110,112],{"class":43,"line":111},4,[41,113,115],{"emptyLinePlaceholder":114},true,"\n",[41,117,119,123,126,129,132,135,139],{"class":43,"line":118},5,[41,120,122],{"class":121},"sCMWV","const",[41,124,125],{"class":55}," progress",[41,127,128],{"class":47}," =",[41,130,98],{"class":131},"sRTv0",[41,133,134],{"class":47},"(",[41,136,138],{"class":137},"socUO","50",[41,140,141],{"class":47},")\n",[41,143,145,148,150],{"class":43,"line":144},6,[41,146,147],{"class":47},"\u003C\u002F",[41,149,52],{"class":51},[41,151,59],{"class":47},[41,153,155],{"class":43,"line":154},7,[41,156,115],{"emptyLinePlaceholder":114},[41,158,160,162,165],{"class":43,"line":159},8,[41,161,48],{"class":47},[41,163,164],{"class":51},"template",[41,166,59],{"class":47},[41,168,170,173,175,178,181,184,186,188,192],{"class":43,"line":169},9,[41,171,172],{"class":47},"  \u003C",[41,174,14],{"class":51},[41,176,177],{"class":55}," v-model",[41,179,180],{"class":47},"=",[41,182,183],{"class":80},"\"",[41,185,21],{"class":84},[41,187,183],{"class":80},[41,189,191],{"class":190},"s4DP-"," \u002F",[41,193,59],{"class":47},[41,195,197,199,201],{"class":43,"line":196},10,[41,198,147],{"class":47},[41,200,164],{"class":51},[41,202,59],{"class":47},[204,205,207],"h3",{"id":206},"props","Props",[23,209,210,211],{},"The value of the progress component is controlled via ",[38,212,213],{},"v-model",[215,216,217,233],"table",{},[218,219,220],"thead",{},[221,222,223,227,230],"tr",{},[224,225,226],"th",{},"Name",[224,228,229],{},"Default",[224,231,232],{},"Type",[234,235,236,257,277,293],"tbody",{},[221,237,238,244,247],{},[239,240,241],"td",{},[38,242,243],{},"fake",[239,245,246],{},"—",[239,248,249,252,253,256],{},[38,250,251],{},"boolean"," ",[254,255],"br",{}," Will randomly increment but never actually reach the end",[221,258,259,264,269],{},[239,260,261],{},[38,262,263],{},"color",[239,265,266],{},[38,267,268],{},"var(--color-accent)",[239,270,271,252,274,276],{},[38,272,273],{},"string",[254,275],{}," Indicator color. Use CSS color values or variables",[221,278,279,284,286],{},[239,280,281],{},[38,282,283],{},"fixed",[239,285,246],{},[239,287,288,252,290,292],{},[38,289,251],{},[254,291],{}," Displays loader at the top of the page",[221,294,295,300,302],{},[239,296,297],{},[38,298,299],{},"height",[239,301,246],{},[239,303,304,252,307,252,309,311],{},[38,305,306],{},"number",[38,308,273],{},[254,310],{}," Height of the progress bar",[204,313,315],{"id":314},"events","Events",[215,317,318,329],{},[218,319,320],{},[221,321,322,324,327],{},[224,323,226],{},[224,325,326],{},"Payload",[224,328,232],{},[234,330,331],{},[221,332,333,338,340],{},[239,334,335],{},[38,336,337],{},"done",[239,339,246],{},[239,341,342],{},"Emitted when the progress reaches 100%",[204,344,346],{"id":345},"examples","Examples",[23,348,349],{},"The following example shows different variations of the progress component.",[351,352,353],"progress-advanced-example",{},[31,354,356],{"className":33,"code":355,"language":35,"meta":36,"style":36},"\u003Cscript setup>\nimport { Button, Flex, Progress } from '@dolanske\u002Fvui'\nimport { ref } from 'vue'\n\nconst progress = ref(0)\nconst fakeProgress = ref(0)\n\nfunction increment() {\n  progress.value = Math.min(100, progress.value + 25)\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CFlex column gap=\"l\">\n    \u003Cdiv class=\"w-100\">\n      \u003CFlex class=\"mt-s\" gap=\"s\">\n        \u003CButton @click=\"increment\">\n          Add 16%\n        \u003C\u002FButton>\n        \u003CButton @click=\"progress = 0\">\n          Reset\n        \u003C\u002FButton>\n      \u003C\u002FFlex>\n    \u003C\u002Fdiv>\n\n    \u003C!-- Fixed Progress -->\n    \u003Cdiv class=\"w-100\">\n      \u003Ch6 class=\"mb-s\">\n        Fixed Progress (top of page)\n      \u003C\u002Fh6>\n      \u003CProgress v-model=\"progress\" fixed \u002F>\n    \u003C\u002Fdiv>\n\n    \u003C!-- Custom Color -->\n    \u003Cdiv class=\"w-100\">\n      \u003Ch6 class=\"mb-s\">\n        Custom Color\n      \u003C\u002Fh6>\n      \u003CProgress v-model=\"progress\" color=\"var(--color-text-green)\" \u002F>\n    \u003C\u002Fdiv>\n\n    \u003C!-- Fake Progress -->\n    \u003Cdiv class=\"w-100\">\n      \u003Ch6 class=\"mb-s\">\n        Fake Progress\n      \u003C\u002Fh6>\n      \u003CProgress v-model=\"fakeProgress\" fake \u002F>\n    \u003C\u002Fdiv>\n\n    \u003C!-- Custom Height -->\n    \u003Cdiv class=\"w-100\">\n      \u003Ch6 class=\"mb-s\">\n        Custom Height\n      \u003C\u002Fh6>\n      \u003CProgress v-model=\"progress\" height=\"8px\" \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002FFlex>``\n\u003C\u002Ftemplate>\n",[38,357,358,368,397,415,419,436,453,457,471,513,518,527,532,541,566,589,621,644,651,661,681,687,696,706,716,721,728,747,768,774,783,807,816,821,827,846,865,871,880,913,922,927,933,952,971,977,986,1011,1020,1025,1031,1050,1069,1075,1084,1117,1126,1140],{"__ignoreMap":36},[41,359,360,362,364,366],{"class":43,"line":44},[41,361,48],{"class":47},[41,363,52],{"class":51},[41,365,56],{"class":55},[41,367,59],{"class":47},[41,369,370,372,374,377,380,383,385,387,389,391,393,395],{"class":43,"line":62},[41,371,65],{"class":51},[41,373,68],{"class":47},[41,375,376],{"class":55}," Button",[41,378,379],{"class":47},",",[41,381,382],{"class":55}," Flex",[41,384,379],{"class":47},[41,386,71],{"class":55},[41,388,74],{"class":47},[41,390,77],{"class":51},[41,392,81],{"class":80},[41,394,85],{"class":84},[41,396,88],{"class":80},[41,398,399,401,403,405,407,409,411,413],{"class":43,"line":91},[41,400,65],{"class":51},[41,402,68],{"class":47},[41,404,98],{"class":55},[41,406,74],{"class":47},[41,408,77],{"class":51},[41,410,81],{"class":80},[41,412,35],{"class":84},[41,414,88],{"class":80},[41,416,417],{"class":43,"line":111},[41,418,115],{"emptyLinePlaceholder":114},[41,420,421,423,425,427,429,431,434],{"class":43,"line":118},[41,422,122],{"class":121},[41,424,125],{"class":55},[41,426,128],{"class":47},[41,428,98],{"class":131},[41,430,134],{"class":47},[41,432,433],{"class":137},"0",[41,435,141],{"class":47},[41,437,438,440,443,445,447,449,451],{"class":43,"line":144},[41,439,122],{"class":121},[41,441,442],{"class":55}," fakeProgress",[41,444,128],{"class":47},[41,446,98],{"class":131},[41,448,134],{"class":47},[41,450,433],{"class":137},[41,452,141],{"class":47},[41,454,455],{"class":43,"line":154},[41,456,115],{"emptyLinePlaceholder":114},[41,458,459,462,465,468],{"class":43,"line":159},[41,460,461],{"class":121},"function",[41,463,464],{"class":131}," increment",[41,466,467],{"class":47},"()",[41,469,470],{"class":47}," {\n",[41,472,473,476,479,482,484,487,489,492,494,497,499,501,503,505,508,511],{"class":43,"line":169},[41,474,475],{"class":55},"  progress",[41,477,478],{"class":47},".",[41,480,481],{"class":55},"value",[41,483,128],{"class":47},[41,485,486],{"class":55}," Math",[41,488,478],{"class":47},[41,490,491],{"class":131},"min",[41,493,134],{"class":47},[41,495,496],{"class":137},"100",[41,498,379],{"class":47},[41,500,125],{"class":55},[41,502,478],{"class":47},[41,504,481],{"class":55},[41,506,507],{"class":121}," +",[41,509,510],{"class":137}," 25",[41,512,141],{"class":47},[41,514,515],{"class":43,"line":196},[41,516,517],{"class":47},"}\n",[41,519,521,523,525],{"class":43,"line":520},11,[41,522,147],{"class":47},[41,524,52],{"class":51},[41,526,59],{"class":47},[41,528,530],{"class":43,"line":529},12,[41,531,115],{"emptyLinePlaceholder":114},[41,533,535,537,539],{"class":43,"line":534},13,[41,536,48],{"class":47},[41,538,164],{"class":51},[41,540,59],{"class":47},[41,542,544,546,549,552,555,557,559,562,564],{"class":43,"line":543},14,[41,545,172],{"class":47},[41,547,548],{"class":51},"Flex",[41,550,551],{"class":55}," column",[41,553,554],{"class":55}," gap",[41,556,180],{"class":47},[41,558,183],{"class":80},[41,560,561],{"class":84},"l",[41,563,183],{"class":80},[41,565,59],{"class":47},[41,567,569,572,575,578,580,582,585,587],{"class":43,"line":568},15,[41,570,571],{"class":47},"    \u003C",[41,573,574],{"class":51},"div",[41,576,577],{"class":55}," class",[41,579,180],{"class":47},[41,581,183],{"class":80},[41,583,584],{"class":84},"w-100",[41,586,183],{"class":80},[41,588,59],{"class":47},[41,590,592,595,597,599,601,603,606,608,610,612,614,617,619],{"class":43,"line":591},16,[41,593,594],{"class":47},"      \u003C",[41,596,548],{"class":51},[41,598,577],{"class":55},[41,600,180],{"class":47},[41,602,183],{"class":80},[41,604,605],{"class":84},"mt-s",[41,607,183],{"class":80},[41,609,554],{"class":55},[41,611,180],{"class":47},[41,613,183],{"class":80},[41,615,616],{"class":84},"s",[41,618,183],{"class":80},[41,620,59],{"class":47},[41,622,624,627,630,633,635,637,640,642],{"class":43,"line":623},17,[41,625,626],{"class":47},"        \u003C",[41,628,629],{"class":51},"Button",[41,631,632],{"class":55}," @click",[41,634,180],{"class":47},[41,636,183],{"class":80},[41,638,639],{"class":84},"increment",[41,641,183],{"class":80},[41,643,59],{"class":47},[41,645,647],{"class":43,"line":646},18,[41,648,650],{"class":649},"sX1ls","          Add 16%\n",[41,652,654,657,659],{"class":43,"line":653},19,[41,655,656],{"class":47},"        \u003C\u002F",[41,658,629],{"class":51},[41,660,59],{"class":47},[41,662,664,666,668,670,672,674,677,679],{"class":43,"line":663},20,[41,665,626],{"class":47},[41,667,629],{"class":51},[41,669,632],{"class":55},[41,671,180],{"class":47},[41,673,183],{"class":80},[41,675,676],{"class":84},"progress = 0",[41,678,183],{"class":80},[41,680,59],{"class":47},[41,682,684],{"class":43,"line":683},21,[41,685,686],{"class":649},"          Reset\n",[41,688,690,692,694],{"class":43,"line":689},22,[41,691,656],{"class":47},[41,693,629],{"class":51},[41,695,59],{"class":47},[41,697,699,702,704],{"class":43,"line":698},23,[41,700,701],{"class":47},"      \u003C\u002F",[41,703,548],{"class":51},[41,705,59],{"class":47},[41,707,709,712,714],{"class":43,"line":708},24,[41,710,711],{"class":47},"    \u003C\u002F",[41,713,574],{"class":51},[41,715,59],{"class":47},[41,717,719],{"class":43,"line":718},25,[41,720,115],{"emptyLinePlaceholder":114},[41,722,724],{"class":43,"line":723},26,[41,725,727],{"class":726},"sR5Ys","    \u003C!-- Fixed Progress -->\n",[41,729,731,733,735,737,739,741,743,745],{"class":43,"line":730},27,[41,732,571],{"class":47},[41,734,574],{"class":51},[41,736,577],{"class":55},[41,738,180],{"class":47},[41,740,183],{"class":80},[41,742,584],{"class":84},[41,744,183],{"class":80},[41,746,59],{"class":47},[41,748,750,752,755,757,759,761,764,766],{"class":43,"line":749},28,[41,751,594],{"class":47},[41,753,754],{"class":51},"h6",[41,756,577],{"class":55},[41,758,180],{"class":47},[41,760,183],{"class":80},[41,762,763],{"class":84},"mb-s",[41,765,183],{"class":80},[41,767,59],{"class":47},[41,769,771],{"class":43,"line":770},29,[41,772,773],{"class":649},"        Fixed Progress (top of page)\n",[41,775,777,779,781],{"class":43,"line":776},30,[41,778,701],{"class":47},[41,780,754],{"class":51},[41,782,59],{"class":47},[41,784,786,788,790,792,794,796,798,800,803,805],{"class":43,"line":785},31,[41,787,594],{"class":47},[41,789,14],{"class":51},[41,791,177],{"class":55},[41,793,180],{"class":47},[41,795,183],{"class":80},[41,797,21],{"class":84},[41,799,183],{"class":80},[41,801,802],{"class":55}," fixed",[41,804,191],{"class":190},[41,806,59],{"class":47},[41,808,810,812,814],{"class":43,"line":809},32,[41,811,711],{"class":47},[41,813,574],{"class":51},[41,815,59],{"class":47},[41,817,819],{"class":43,"line":818},33,[41,820,115],{"emptyLinePlaceholder":114},[41,822,824],{"class":43,"line":823},34,[41,825,826],{"class":726},"    \u003C!-- Custom Color -->\n",[41,828,830,832,834,836,838,840,842,844],{"class":43,"line":829},35,[41,831,571],{"class":47},[41,833,574],{"class":51},[41,835,577],{"class":55},[41,837,180],{"class":47},[41,839,183],{"class":80},[41,841,584],{"class":84},[41,843,183],{"class":80},[41,845,59],{"class":47},[41,847,849,851,853,855,857,859,861,863],{"class":43,"line":848},36,[41,850,594],{"class":47},[41,852,754],{"class":51},[41,854,577],{"class":55},[41,856,180],{"class":47},[41,858,183],{"class":80},[41,860,763],{"class":84},[41,862,183],{"class":80},[41,864,59],{"class":47},[41,866,868],{"class":43,"line":867},37,[41,869,870],{"class":649},"        Custom Color\n",[41,872,874,876,878],{"class":43,"line":873},38,[41,875,701],{"class":47},[41,877,754],{"class":51},[41,879,59],{"class":47},[41,881,883,885,887,889,891,893,895,897,900,902,904,907,909,911],{"class":43,"line":882},39,[41,884,594],{"class":47},[41,886,14],{"class":51},[41,888,177],{"class":55},[41,890,180],{"class":47},[41,892,183],{"class":80},[41,894,21],{"class":84},[41,896,183],{"class":80},[41,898,899],{"class":55}," color",[41,901,180],{"class":47},[41,903,183],{"class":80},[41,905,906],{"class":84},"var(--color-text-green)",[41,908,183],{"class":80},[41,910,191],{"class":190},[41,912,59],{"class":47},[41,914,916,918,920],{"class":43,"line":915},40,[41,917,711],{"class":47},[41,919,574],{"class":51},[41,921,59],{"class":47},[41,923,925],{"class":43,"line":924},41,[41,926,115],{"emptyLinePlaceholder":114},[41,928,930],{"class":43,"line":929},42,[41,931,932],{"class":726},"    \u003C!-- Fake Progress -->\n",[41,934,936,938,940,942,944,946,948,950],{"class":43,"line":935},43,[41,937,571],{"class":47},[41,939,574],{"class":51},[41,941,577],{"class":55},[41,943,180],{"class":47},[41,945,183],{"class":80},[41,947,584],{"class":84},[41,949,183],{"class":80},[41,951,59],{"class":47},[41,953,955,957,959,961,963,965,967,969],{"class":43,"line":954},44,[41,956,594],{"class":47},[41,958,754],{"class":51},[41,960,577],{"class":55},[41,962,180],{"class":47},[41,964,183],{"class":80},[41,966,763],{"class":84},[41,968,183],{"class":80},[41,970,59],{"class":47},[41,972,974],{"class":43,"line":973},45,[41,975,976],{"class":649},"        Fake Progress\n",[41,978,980,982,984],{"class":43,"line":979},46,[41,981,701],{"class":47},[41,983,754],{"class":51},[41,985,59],{"class":47},[41,987,989,991,993,995,997,999,1002,1004,1007,1009],{"class":43,"line":988},47,[41,990,594],{"class":47},[41,992,14],{"class":51},[41,994,177],{"class":55},[41,996,180],{"class":47},[41,998,183],{"class":80},[41,1000,1001],{"class":84},"fakeProgress",[41,1003,183],{"class":80},[41,1005,1006],{"class":55}," fake",[41,1008,191],{"class":190},[41,1010,59],{"class":47},[41,1012,1014,1016,1018],{"class":43,"line":1013},48,[41,1015,711],{"class":47},[41,1017,574],{"class":51},[41,1019,59],{"class":47},[41,1021,1023],{"class":43,"line":1022},49,[41,1024,115],{"emptyLinePlaceholder":114},[41,1026,1028],{"class":43,"line":1027},50,[41,1029,1030],{"class":726},"    \u003C!-- Custom Height -->\n",[41,1032,1034,1036,1038,1040,1042,1044,1046,1048],{"class":43,"line":1033},51,[41,1035,571],{"class":47},[41,1037,574],{"class":51},[41,1039,577],{"class":55},[41,1041,180],{"class":47},[41,1043,183],{"class":80},[41,1045,584],{"class":84},[41,1047,183],{"class":80},[41,1049,59],{"class":47},[41,1051,1053,1055,1057,1059,1061,1063,1065,1067],{"class":43,"line":1052},52,[41,1054,594],{"class":47},[41,1056,754],{"class":51},[41,1058,577],{"class":55},[41,1060,180],{"class":47},[41,1062,183],{"class":80},[41,1064,763],{"class":84},[41,1066,183],{"class":80},[41,1068,59],{"class":47},[41,1070,1072],{"class":43,"line":1071},53,[41,1073,1074],{"class":649},"        Custom Height\n",[41,1076,1078,1080,1082],{"class":43,"line":1077},54,[41,1079,701],{"class":47},[41,1081,754],{"class":51},[41,1083,59],{"class":47},[41,1085,1087,1089,1091,1093,1095,1097,1099,1101,1104,1106,1108,1111,1113,1115],{"class":43,"line":1086},55,[41,1088,594],{"class":47},[41,1090,14],{"class":51},[41,1092,177],{"class":55},[41,1094,180],{"class":47},[41,1096,183],{"class":80},[41,1098,21],{"class":84},[41,1100,183],{"class":80},[41,1102,1103],{"class":55}," height",[41,1105,180],{"class":47},[41,1107,183],{"class":80},[41,1109,1110],{"class":84},"8px",[41,1112,183],{"class":80},[41,1114,191],{"class":190},[41,1116,59],{"class":47},[41,1118,1120,1122,1124],{"class":43,"line":1119},56,[41,1121,711],{"class":47},[41,1123,574],{"class":51},[41,1125,59],{"class":47},[41,1127,1129,1132,1134,1137],{"class":43,"line":1128},57,[41,1130,1131],{"class":47},"  \u003C\u002F",[41,1133,548],{"class":51},[41,1135,1136],{"class":47},">",[41,1138,1139],{"class":649},"``\n",[41,1141,1143,1145,1147],{"class":43,"line":1142},58,[41,1144,147],{"class":47},[41,1146,164],{"class":51},[41,1148,59],{"class":47},[204,1150,1152],{"id":1151},"tokens","Tokens",[23,1154,1155],{},"CSS variable tokens used for global or per-instance manipulation of certain styling.",[215,1157,1158,1170],{},[218,1159,1160],{},[221,1161,1162,1165,1167],{},[224,1163,1164],{},"Token",[224,1166,229],{},[224,1168,1169],{},"Description",[234,1171,1172,1187,1206],{},[221,1173,1174,1179,1184],{},[239,1175,1176],{},[38,1177,1178],{},"--vui-progress-height",[239,1180,1181],{},[38,1182,1183],{},"3px",[239,1185,1186],{},"Bar height",[221,1188,1189,1194,1203],{},[239,1190,1191],{},[38,1192,1193],{},"--vui-progress-color",[239,1195,1196],{},[1197,1198,1200],"a",{"href":1199},"\u002Fdocs\u002Ftokens\u002Fcolors",[38,1201,1202],{},"var(--color-text-lighter)",[239,1204,1205],{},"Fill color",[221,1207,1208,1213,1220],{},[239,1209,1210],{},[38,1211,1212],{},"--vui-progress-track-color",[239,1214,1215],{},[1197,1216,1217],{"href":1199},[38,1218,1219],{},"var(--color-bg-raised)",[239,1221,1222],{},"Track color",[1224,1225,1226],"style",{},"html pre.shiki code .sP76a, html code.shiki .sP76a{--shiki-dark:#666666;--shiki-light:#999999;--shiki-default:#666666}html pre.shiki code .sKpE2, html code.shiki .sKpE2{--shiki-dark:#4D9375;--shiki-light:#1E754F;--shiki-default:#4D9375}html pre.shiki code .sflEz, html code.shiki .sflEz{--shiki-dark:#BD976A;--shiki-light:#B07D48;--shiki-default:#BD976A}html pre.shiki code .sBR95, html code.shiki .sBR95{--shiki-dark:#C98A7D77;--shiki-light:#B5695977;--shiki-default:#C98A7D77}html pre.shiki code .sfmH-, html code.shiki .sfmH-{--shiki-dark:#C98A7D;--shiki-light:#B56959;--shiki-default:#C98A7D}html pre.shiki code .sCMWV, html code.shiki .sCMWV{--shiki-dark:#CB7676;--shiki-light:#AB5959;--shiki-default:#CB7676}html pre.shiki code .sRTv0, html code.shiki .sRTv0{--shiki-dark:#80A665;--shiki-light:#59873A;--shiki-default:#80A665}html pre.shiki code .socUO, html code.shiki .socUO{--shiki-dark:#4C9A91;--shiki-light:#2F798A;--shiki-default:#4C9A91}html pre.shiki code .s4DP-, html code.shiki .s4DP-{--shiki-dark:#666666;--shiki-dark-font-style:italic;--shiki-light:#999999;--shiki-light-font-style:italic;--shiki-default:#666666;--shiki-default-font-style:italic}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);}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 pre.shiki code .sX1ls, html code.shiki .sX1ls{--shiki-dark:#DBD7CAEE;--shiki-light:#393A34;--shiki-default:#DBD7CAEE}html pre.shiki code .sR5Ys, html code.shiki .sR5Ys{--shiki-dark:#758575DD;--shiki-light:#A0ADA0;--shiki-default:#758575DD}",{"title":36,"searchDepth":62,"depth":62,"links":1228},[1229,1230,1231,1232],{"id":206,"depth":91,"text":207},{"id":314,"depth":91,"text":315},{"id":345,"depth":91,"text":346},{"id":1151,"depth":91,"text":1152},"md",{},"\u002Fdocs\u002Fcomponents\u002Fprogress",{"title":14,"description":25},"docs\u002Fcomponents\u002Fprogress","eE0aoaBHTtzLyXuAkz22WusT5srHAEInsHX6oi11E5g",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":1240},"\u003Cpath fill=\"currentColor\" d=\"M69.12 94.15L28.5 128l40.62 33.85a8 8 0 1 1-10.24 12.29l-48-40a8 8 0 0 1 0-12.29l48-40a8 8 0 0 1 10.24 12.3m176 27.7l-48-40a8 8 0 1 0-10.24 12.3L227.5 128l-40.62 33.85a8 8 0 1 0 10.24 12.29l48-40a8 8 0 0 0 0-12.29m-82.39-89.37a8 8 0 0 0-10.25 4.79l-64 176a8 8 0 0 0 4.79 10.26A8.1 8.1 0 0 0 96 224a8 8 0 0 0 7.52-5.27l64-176a8 8 0 0 0-4.79-10.25\"\u002F>",1782200883135]