[{"data":1,"prerenderedAt":1184},["ShallowReactive",2],{"i-ph:magnifying-glass":3,"i-ph:circle":8,"i-ph:moon":10,"i-ph:github-logo":12,"i-ph:brackets-curly":14,"i-ph:file-css":16,"i-ph:rectangle-dashed":18,"i-ph:arrow-left":20,"i-ph:arrow-right":22,"components-progress":24},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cpath fill=\"currentColor\" d=\"M208.31 75.68A59.78 59.78 0 0 0 202.93 28a8 8 0 0 0-6.93-4a59.75 59.75 0 0 0-48 24h-24a59.75 59.75 0 0 0-48-24a8 8 0 0 0-6.93 4a59.78 59.78 0 0 0-5.38 47.68A58.14 58.14 0 0 0 56 104v8a56.06 56.06 0 0 0 48.44 55.47A39.8 39.8 0 0 0 96 192v8H72a24 24 0 0 1-24-24a40 40 0 0 0-40-40a8 8 0 0 0 0 16a24 24 0 0 1 24 24a40 40 0 0 0 40 40h24v16a8 8 0 0 0 16 0v-40a24 24 0 0 1 48 0v40a8 8 0 0 0 16 0v-40a39.8 39.8 0 0 0-8.44-24.53A56.06 56.06 0 0 0 216 112v-8a58.14 58.14 0 0 0-7.69-28.32M200 112a40 40 0 0 1-40 40h-48a40 40 0 0 1-40-40v-8a41.74 41.74 0 0 1 6.9-22.48a8 8 0 0 0 1.1-7.69a43.8 43.8 0 0 1 .79-33.58a43.88 43.88 0 0 1 32.32 20.06a8 8 0 0 0 6.71 3.69h32.35a8 8 0 0 0 6.74-3.69a43.87 43.87 0 0 1 32.32-20.06a43.8 43.8 0 0 1 .77 33.58a8.09 8.09 0 0 0 1 7.65a41.7 41.7 0 0 1 7 22.52Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cpath fill=\"currentColor\" d=\"M43.18 128a29.8 29.8 0 0 1 8 10.26c4.8 9.9 4.8 22 4.8 33.74c0 24.31 1 36 24 36a8 8 0 0 1 0 16c-17.48 0-29.32-6.14-35.2-18.26c-4.8-9.9-4.8-22-4.8-33.74c0-24.31-1-36-24-36a8 8 0 0 1 0-16c23 0 24-11.69 24-36c0-11.72 0-23.84 4.8-33.74C50.68 38.14 62.52 32 80 32a8 8 0 0 1 0 16c-23 0-24 11.69-24 36c0 11.72 0 23.84-4.8 33.74A29.8 29.8 0 0 1 43.18 128M240 120c-23 0-24-11.69-24-36c0-11.72 0-23.84-4.8-33.74C205.32 38.14 193.48 32 176 32a8 8 0 0 0 0 16c23 0 24 11.69 24 36c0 11.72 0 23.84 4.8 33.74a29.8 29.8 0 0 0 8 10.26a29.8 29.8 0 0 0-8 10.26c-4.8 9.9-4.8 22-4.8 33.74c0 24.31-1 36-24 36a8 8 0 0 0 0 16c17.48 0 29.32-6.14 35.2-18.26c4.8-9.9 4.8-22 4.8-33.74c0-24.31 1-36 24-36a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"currentColor\" d=\"M48 180c0 11 7.18 20 16 20a14.24 14.24 0 0 0 10.22-4.66a8 8 0 1 1 11.55 11.06A30 30 0 0 1 64 216c-17.65 0-32-16.15-32-36s14.35-36 32-36a30 30 0 0 1 21.77 9.6a8 8 0 1 1-11.55 11.06A14.24 14.24 0 0 0 64 160c-8.82 0-16 9-16 20m79.6-8.69c-4-1.16-8.14-2.35-10.45-3.84c-1.26-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.83-.56a8 8 0 0 0 4.07-15.48c-2.12-.55-21-5.22-32.83 2.76a20.55 20.55 0 0 0-9 14.95c-2 15.88 13.64 20.41 23 23.11c12.07 3.49 13.13 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.14 3.93c-4.6 3.06-15.17 1.56-19.55.36a8 8 0 0 0-4.3 15.41a61.2 61.2 0 0 0 15.18 2c5.83 0 12.3-1 17.49-4.46a20.82 20.82 0 0 0 9.19-15.23c2.25-17.28-14.27-22.11-24.15-24.97m64 0c-4-1.16-8.14-2.35-10.45-3.84c-1.25-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.82-.56a8 8 0 0 0 4.07-15.48c-2.11-.55-21-5.22-32.83 2.76a20.58 20.58 0 0 0-8.95 14.95c-2 15.88 13.65 20.41 23 23.11c12.06 3.49 13.12 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.15 3.93c-4.6 3.06-15.16 1.56-19.54.36a8 8 0 0 0-4.3 15.44a61.3 61.3 0 0 0 15.19 2c5.82 0 12.3-1 17.49-4.46a20.81 20.81 0 0 0 9.18-15.23c2.21-17.31-14.31-22.14-24.2-25ZM40 112V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88v24a8 8 0 1 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0m120-32h28.68L160 51.31Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"currentColor\" d=\"M80 48a8 8 0 0 1-8 8H40v16a8 8 0 0 1-16 0V56a16 16 0 0 1 16-16h32a8 8 0 0 1 8 8M32 152a8 8 0 0 0 8-8v-32a8 8 0 0 0-16 0v32a8 8 0 0 0 8 8m40 48H40v-16a8 8 0 0 0-16 0v16a16 16 0 0 0 16 16h32a8 8 0 0 0 0-16m72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m80-24a8 8 0 0 0-8 8v16h-32a8 8 0 0 0 0 16h32a16 16 0 0 0 16-16v-16a8 8 0 0 0-8-8m0-72a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-8-64h-32a8 8 0 0 0 0 16h32v16a8 8 0 0 0 16 0V56a16 16 0 0 0-16-16m-72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cpath fill=\"currentColor\" d=\"M224 128a8 8 0 0 1-8 8H59.31l58.35 58.34a8 8 0 0 1-11.32 11.32l-72-72a8 8 0 0 1 0-11.32l72-72a8 8 0 0 1 11.32 11.32L59.31 120H216a8 8 0 0 1 8 8\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cpath fill=\"currentColor\" d=\"m221.66 133.66l-72 72a8 8 0 0 1-11.32-11.32L196.69 136H40a8 8 0 0 1 0-16h156.69l-58.35-58.34a8 8 0 0 1 11.32-11.32l72 72a8 8 0 0 1 0 11.32\"/>",{"id":25,"title":26,"body":27,"description":37,"extension":1178,"meta":1179,"navigation":125,"path":1180,"seo":1181,"stem":1182,"__hash__":1183},"docs/docs/components/progress.md","Progress",{"type":28,"value":29,"toc":1173},"minimark",[30,34,38,214,219,225,323,327,354,358,361,1169],[31,32,26],"h1",{"id":33},"progress",[35,36,37],"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.",[39,40,41],"progress-example",{},[42,43,48],"pre",{"className":44,"code":45,"language":46,"meta":47,"style":47},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { Progress } from '@dolanske/vui'\nimport { ref } from 'vue'\n\nconst progress = ref(50)\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CProgress v-model=\"progress\" />\n\u003C/template>\n","vue","",[49,50,51,71,100,120,127,153,163,168,178,205],"code",{"__ignoreMap":47},[52,53,56,60,64,68],"span",{"class":54,"line":55},"line",1,[52,57,59],{"class":58},"sP76a","\u003C",[52,61,63],{"class":62},"sKpE2","script",[52,65,67],{"class":66},"sflEz"," setup",[52,69,70],{"class":58},">\n",[52,72,74,77,80,83,86,89,93,97],{"class":54,"line":73},2,[52,75,76],{"class":62},"import",[52,78,79],{"class":58}," {",[52,81,82],{"class":66}," Progress",[52,84,85],{"class":58}," }",[52,87,88],{"class":62}," from",[52,90,92],{"class":91},"sBR95"," '",[52,94,96],{"class":95},"sfmH-","@dolanske/vui",[52,98,99],{"class":91},"'\n",[52,101,103,105,107,110,112,114,116,118],{"class":54,"line":102},3,[52,104,76],{"class":62},[52,106,79],{"class":58},[52,108,109],{"class":66}," ref",[52,111,85],{"class":58},[52,113,88],{"class":62},[52,115,92],{"class":91},[52,117,46],{"class":95},[52,119,99],{"class":91},[52,121,123],{"class":54,"line":122},4,[52,124,126],{"emptyLinePlaceholder":125},true,"\n",[52,128,130,134,137,140,143,146,150],{"class":54,"line":129},5,[52,131,133],{"class":132},"sCMWV","const",[52,135,136],{"class":66}," progress",[52,138,139],{"class":58}," =",[52,141,109],{"class":142},"sRTv0",[52,144,145],{"class":58},"(",[52,147,149],{"class":148},"socUO","50",[52,151,152],{"class":58},")\n",[52,154,156,159,161],{"class":54,"line":155},6,[52,157,158],{"class":58},"\u003C/",[52,160,63],{"class":62},[52,162,70],{"class":58},[52,164,166],{"class":54,"line":165},7,[52,167,126],{"emptyLinePlaceholder":125},[52,169,171,173,176],{"class":54,"line":170},8,[52,172,59],{"class":58},[52,174,175],{"class":62},"template",[52,177,70],{"class":58},[52,179,181,184,186,189,192,195,197,199,203],{"class":54,"line":180},9,[52,182,183],{"class":58},"  \u003C",[52,185,26],{"class":62},[52,187,188],{"class":142}," v-model",[52,190,191],{"class":58},"=",[52,193,194],{"class":58},"\"",[52,196,33],{"class":66},[52,198,194],{"class":58},[52,200,202],{"class":201},"s4DP-"," /",[52,204,70],{"class":58},[52,206,208,210,212],{"class":54,"line":207},10,[52,209,158],{"class":58},[52,211,175],{"class":62},[52,213,70],{"class":58},[215,216,218],"h3",{"id":217},"props","Props",[35,220,221,222],{},"The value of the progress component is controlled via ",[49,223,224],{},"v-model",[226,227,228,244],"table",{},[229,230,231],"thead",{},[232,233,234,238,241],"tr",{},[235,236,237],"th",{},"Name",[235,239,240],{},"Default",[235,242,243],{},"Type",[245,246,247,268,288,304],"tbody",{},[232,248,249,255,258],{},[250,251,252],"td",{},[49,253,254],{},"fake",[250,256,257],{},"—",[250,259,260,263,264,267],{},[49,261,262],{},"boolean"," ",[265,266],"br",{}," Will randomly increment but never actually reach the end",[232,269,270,275,280],{},[250,271,272],{},[49,273,274],{},"color",[250,276,277],{},[49,278,279],{},"var(--color-accent)",[250,281,282,263,285,287],{},[49,283,284],{},"string",[265,286],{}," Indicator color. Use CSS color values or variables",[232,289,290,295,297],{},[250,291,292],{},[49,293,294],{},"fixed",[250,296,257],{},[250,298,299,263,301,303],{},[49,300,262],{},[265,302],{}," Displays loader at the top of the page",[232,305,306,311,313],{},[250,307,308],{},[49,309,310],{},"height",[250,312,257],{},[250,314,315,263,318,263,320,322],{},[49,316,317],{},"number",[49,319,284],{},[265,321],{}," Height of the progress bar",[215,324,326],{"id":325},"events","Events",[226,328,329,340],{},[229,330,331],{},[232,332,333,335,338],{},[235,334,237],{},[235,336,337],{},"Payload",[235,339,243],{},[245,341,342],{},[232,343,344,349,351],{},[250,345,346],{},[49,347,348],{},"done",[250,350,257],{},[250,352,353],{},"Emitted when the progress reaches 100%",[215,355,357],{"id":356},"examples","Examples",[35,359,360],{},"The following example shows different variations of the progress component.",[362,363,364],"progress-advanced-example",{},[42,365,367],{"className":44,"code":366,"language":46,"meta":47,"style":47},"\u003Cscript setup>\nimport { Button, Flex, Progress } from '@dolanske/vui'\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/script>\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/Button>\n        \u003CButton @click=\"progress = 0\">\n          Reset\n        \u003C/Button>\n      \u003C/Flex>\n    \u003C/div>\n\n    \u003C!-- Fixed Progress -->\n    \u003Cdiv class=\"w-100\">\n      \u003Ch6 class=\"mb-s\">\n        Fixed Progress (top of page)\n      \u003C/h6>\n      \u003CProgress v-model=\"progress\" fixed />\n    \u003C/div>\n\n    \u003C!-- Custom Color -->\n    \u003Cdiv class=\"w-100\">\n      \u003Ch6 class=\"mb-s\">\n        Custom Color\n      \u003C/h6>\n      \u003CProgress v-model=\"progress\" color=\"var(--color-text-green)\" />\n    \u003C/div>\n\n    \u003C!-- Fake Progress -->\n    \u003Cdiv class=\"w-100\">\n      \u003Ch6 class=\"mb-s\">\n        Fake Progress\n      \u003C/h6>\n      \u003CProgress v-model=\"fakeProgress\" fake />\n    \u003C/div>\n\n    \u003C!-- Custom Height -->\n    \u003Cdiv class=\"w-100\">\n      \u003Ch6 class=\"mb-s\">\n        Custom Height\n      \u003C/h6>\n      \u003CProgress v-model=\"progress\" height=\"8px\" />\n    \u003C/div>\n  \u003C/Flex>``\n\u003C/template>\n",[49,368,369,379,408,426,430,447,464,468,482,524,529,538,543,552,577,600,632,658,665,675,701,707,716,726,736,741,748,767,788,794,803,827,836,841,847,866,885,891,900,933,942,947,953,972,991,997,1006,1031,1040,1045,1051,1070,1089,1095,1104,1137,1146,1160],{"__ignoreMap":47},[52,370,371,373,375,377],{"class":54,"line":55},[52,372,59],{"class":58},[52,374,63],{"class":62},[52,376,67],{"class":66},[52,378,70],{"class":58},[52,380,381,383,385,388,391,394,396,398,400,402,404,406],{"class":54,"line":73},[52,382,76],{"class":62},[52,384,79],{"class":58},[52,386,387],{"class":66}," Button",[52,389,390],{"class":58},",",[52,392,393],{"class":66}," Flex",[52,395,390],{"class":58},[52,397,82],{"class":66},[52,399,85],{"class":58},[52,401,88],{"class":62},[52,403,92],{"class":91},[52,405,96],{"class":95},[52,407,99],{"class":91},[52,409,410,412,414,416,418,420,422,424],{"class":54,"line":102},[52,411,76],{"class":62},[52,413,79],{"class":58},[52,415,109],{"class":66},[52,417,85],{"class":58},[52,419,88],{"class":62},[52,421,92],{"class":91},[52,423,46],{"class":95},[52,425,99],{"class":91},[52,427,428],{"class":54,"line":122},[52,429,126],{"emptyLinePlaceholder":125},[52,431,432,434,436,438,440,442,445],{"class":54,"line":129},[52,433,133],{"class":132},[52,435,136],{"class":66},[52,437,139],{"class":58},[52,439,109],{"class":142},[52,441,145],{"class":58},[52,443,444],{"class":148},"0",[52,446,152],{"class":58},[52,448,449,451,454,456,458,460,462],{"class":54,"line":155},[52,450,133],{"class":132},[52,452,453],{"class":66}," fakeProgress",[52,455,139],{"class":58},[52,457,109],{"class":142},[52,459,145],{"class":58},[52,461,444],{"class":148},[52,463,152],{"class":58},[52,465,466],{"class":54,"line":165},[52,467,126],{"emptyLinePlaceholder":125},[52,469,470,473,476,479],{"class":54,"line":170},[52,471,472],{"class":132},"function",[52,474,475],{"class":142}," increment",[52,477,478],{"class":58},"()",[52,480,481],{"class":58}," {\n",[52,483,484,487,490,493,495,498,500,503,505,508,510,512,514,516,519,522],{"class":54,"line":180},[52,485,486],{"class":66},"  progress",[52,488,489],{"class":58},".",[52,491,492],{"class":66},"value",[52,494,139],{"class":58},[52,496,497],{"class":66}," Math",[52,499,489],{"class":58},[52,501,502],{"class":142},"min",[52,504,145],{"class":58},[52,506,507],{"class":148},"100",[52,509,390],{"class":58},[52,511,136],{"class":66},[52,513,489],{"class":58},[52,515,492],{"class":66},[52,517,518],{"class":132}," +",[52,520,521],{"class":148}," 25",[52,523,152],{"class":58},[52,525,526],{"class":54,"line":207},[52,527,528],{"class":58},"}\n",[52,530,532,534,536],{"class":54,"line":531},11,[52,533,158],{"class":58},[52,535,63],{"class":62},[52,537,70],{"class":58},[52,539,541],{"class":54,"line":540},12,[52,542,126],{"emptyLinePlaceholder":125},[52,544,546,548,550],{"class":54,"line":545},13,[52,547,59],{"class":58},[52,549,175],{"class":62},[52,551,70],{"class":58},[52,553,555,557,560,563,566,568,570,573,575],{"class":54,"line":554},14,[52,556,183],{"class":58},[52,558,559],{"class":62},"Flex",[52,561,562],{"class":66}," column",[52,564,565],{"class":66}," gap",[52,567,191],{"class":58},[52,569,194],{"class":91},[52,571,572],{"class":95},"l",[52,574,194],{"class":91},[52,576,70],{"class":58},[52,578,580,583,586,589,591,593,596,598],{"class":54,"line":579},15,[52,581,582],{"class":58},"    \u003C",[52,584,585],{"class":62},"div",[52,587,588],{"class":66}," class",[52,590,191],{"class":58},[52,592,194],{"class":91},[52,594,595],{"class":95},"w-100",[52,597,194],{"class":91},[52,599,70],{"class":58},[52,601,603,606,608,610,612,614,617,619,621,623,625,628,630],{"class":54,"line":602},16,[52,604,605],{"class":58},"      \u003C",[52,607,559],{"class":62},[52,609,588],{"class":66},[52,611,191],{"class":58},[52,613,194],{"class":91},[52,615,616],{"class":95},"mt-s",[52,618,194],{"class":91},[52,620,565],{"class":66},[52,622,191],{"class":58},[52,624,194],{"class":91},[52,626,627],{"class":95},"s",[52,629,194],{"class":91},[52,631,70],{"class":58},[52,633,635,638,641,644,647,649,651,654,656],{"class":54,"line":634},17,[52,636,637],{"class":58},"        \u003C",[52,639,640],{"class":62},"Button",[52,642,643],{"class":58}," @",[52,645,646],{"class":142},"click",[52,648,191],{"class":58},[52,650,194],{"class":58},[52,652,653],{"class":66},"increment",[52,655,194],{"class":58},[52,657,70],{"class":58},[52,659,661],{"class":54,"line":660},18,[52,662,664],{"class":663},"sX1ls","          Add 16%\n",[52,666,668,671,673],{"class":54,"line":667},19,[52,669,670],{"class":58},"        \u003C/",[52,672,640],{"class":62},[52,674,70],{"class":58},[52,676,678,680,682,684,686,688,690,692,694,697,699],{"class":54,"line":677},20,[52,679,637],{"class":58},[52,681,640],{"class":62},[52,683,643],{"class":58},[52,685,646],{"class":142},[52,687,191],{"class":58},[52,689,194],{"class":58},[52,691,33],{"class":66},[52,693,139],{"class":58},[52,695,696],{"class":148}," 0",[52,698,194],{"class":58},[52,700,70],{"class":58},[52,702,704],{"class":54,"line":703},21,[52,705,706],{"class":663},"          Reset\n",[52,708,710,712,714],{"class":54,"line":709},22,[52,711,670],{"class":58},[52,713,640],{"class":62},[52,715,70],{"class":58},[52,717,719,722,724],{"class":54,"line":718},23,[52,720,721],{"class":58},"      \u003C/",[52,723,559],{"class":62},[52,725,70],{"class":58},[52,727,729,732,734],{"class":54,"line":728},24,[52,730,731],{"class":58},"    \u003C/",[52,733,585],{"class":62},[52,735,70],{"class":58},[52,737,739],{"class":54,"line":738},25,[52,740,126],{"emptyLinePlaceholder":125},[52,742,744],{"class":54,"line":743},26,[52,745,747],{"class":746},"sR5Ys","    \u003C!-- Fixed Progress -->\n",[52,749,751,753,755,757,759,761,763,765],{"class":54,"line":750},27,[52,752,582],{"class":58},[52,754,585],{"class":62},[52,756,588],{"class":66},[52,758,191],{"class":58},[52,760,194],{"class":91},[52,762,595],{"class":95},[52,764,194],{"class":91},[52,766,70],{"class":58},[52,768,770,772,775,777,779,781,784,786],{"class":54,"line":769},28,[52,771,605],{"class":58},[52,773,774],{"class":62},"h6",[52,776,588],{"class":66},[52,778,191],{"class":58},[52,780,194],{"class":91},[52,782,783],{"class":95},"mb-s",[52,785,194],{"class":91},[52,787,70],{"class":58},[52,789,791],{"class":54,"line":790},29,[52,792,793],{"class":663},"        Fixed Progress (top of page)\n",[52,795,797,799,801],{"class":54,"line":796},30,[52,798,721],{"class":58},[52,800,774],{"class":62},[52,802,70],{"class":58},[52,804,806,808,810,812,814,816,818,820,823,825],{"class":54,"line":805},31,[52,807,605],{"class":58},[52,809,26],{"class":62},[52,811,188],{"class":142},[52,813,191],{"class":58},[52,815,194],{"class":58},[52,817,33],{"class":66},[52,819,194],{"class":58},[52,821,822],{"class":66}," fixed",[52,824,202],{"class":201},[52,826,70],{"class":58},[52,828,830,832,834],{"class":54,"line":829},32,[52,831,731],{"class":58},[52,833,585],{"class":62},[52,835,70],{"class":58},[52,837,839],{"class":54,"line":838},33,[52,840,126],{"emptyLinePlaceholder":125},[52,842,844],{"class":54,"line":843},34,[52,845,846],{"class":746},"    \u003C!-- Custom Color -->\n",[52,848,850,852,854,856,858,860,862,864],{"class":54,"line":849},35,[52,851,582],{"class":58},[52,853,585],{"class":62},[52,855,588],{"class":66},[52,857,191],{"class":58},[52,859,194],{"class":91},[52,861,595],{"class":95},[52,863,194],{"class":91},[52,865,70],{"class":58},[52,867,869,871,873,875,877,879,881,883],{"class":54,"line":868},36,[52,870,605],{"class":58},[52,872,774],{"class":62},[52,874,588],{"class":66},[52,876,191],{"class":58},[52,878,194],{"class":91},[52,880,783],{"class":95},[52,882,194],{"class":91},[52,884,70],{"class":58},[52,886,888],{"class":54,"line":887},37,[52,889,890],{"class":663},"        Custom Color\n",[52,892,894,896,898],{"class":54,"line":893},38,[52,895,721],{"class":58},[52,897,774],{"class":62},[52,899,70],{"class":58},[52,901,903,905,907,909,911,913,915,917,920,922,924,927,929,931],{"class":54,"line":902},39,[52,904,605],{"class":58},[52,906,26],{"class":62},[52,908,188],{"class":142},[52,910,191],{"class":58},[52,912,194],{"class":58},[52,914,33],{"class":66},[52,916,194],{"class":58},[52,918,919],{"class":66}," color",[52,921,191],{"class":58},[52,923,194],{"class":91},[52,925,926],{"class":95},"var(--color-text-green)",[52,928,194],{"class":91},[52,930,202],{"class":201},[52,932,70],{"class":58},[52,934,936,938,940],{"class":54,"line":935},40,[52,937,731],{"class":58},[52,939,585],{"class":62},[52,941,70],{"class":58},[52,943,945],{"class":54,"line":944},41,[52,946,126],{"emptyLinePlaceholder":125},[52,948,950],{"class":54,"line":949},42,[52,951,952],{"class":746},"    \u003C!-- Fake Progress -->\n",[52,954,956,958,960,962,964,966,968,970],{"class":54,"line":955},43,[52,957,582],{"class":58},[52,959,585],{"class":62},[52,961,588],{"class":66},[52,963,191],{"class":58},[52,965,194],{"class":91},[52,967,595],{"class":95},[52,969,194],{"class":91},[52,971,70],{"class":58},[52,973,975,977,979,981,983,985,987,989],{"class":54,"line":974},44,[52,976,605],{"class":58},[52,978,774],{"class":62},[52,980,588],{"class":66},[52,982,191],{"class":58},[52,984,194],{"class":91},[52,986,783],{"class":95},[52,988,194],{"class":91},[52,990,70],{"class":58},[52,992,994],{"class":54,"line":993},45,[52,995,996],{"class":663},"        Fake Progress\n",[52,998,1000,1002,1004],{"class":54,"line":999},46,[52,1001,721],{"class":58},[52,1003,774],{"class":62},[52,1005,70],{"class":58},[52,1007,1009,1011,1013,1015,1017,1019,1022,1024,1027,1029],{"class":54,"line":1008},47,[52,1010,605],{"class":58},[52,1012,26],{"class":62},[52,1014,188],{"class":142},[52,1016,191],{"class":58},[52,1018,194],{"class":58},[52,1020,1021],{"class":66},"fakeProgress",[52,1023,194],{"class":58},[52,1025,1026],{"class":66}," fake",[52,1028,202],{"class":201},[52,1030,70],{"class":58},[52,1032,1034,1036,1038],{"class":54,"line":1033},48,[52,1035,731],{"class":58},[52,1037,585],{"class":62},[52,1039,70],{"class":58},[52,1041,1043],{"class":54,"line":1042},49,[52,1044,126],{"emptyLinePlaceholder":125},[52,1046,1048],{"class":54,"line":1047},50,[52,1049,1050],{"class":746},"    \u003C!-- Custom Height -->\n",[52,1052,1054,1056,1058,1060,1062,1064,1066,1068],{"class":54,"line":1053},51,[52,1055,582],{"class":58},[52,1057,585],{"class":62},[52,1059,588],{"class":66},[52,1061,191],{"class":58},[52,1063,194],{"class":91},[52,1065,595],{"class":95},[52,1067,194],{"class":91},[52,1069,70],{"class":58},[52,1071,1073,1075,1077,1079,1081,1083,1085,1087],{"class":54,"line":1072},52,[52,1074,605],{"class":58},[52,1076,774],{"class":62},[52,1078,588],{"class":66},[52,1080,191],{"class":58},[52,1082,194],{"class":91},[52,1084,783],{"class":95},[52,1086,194],{"class":91},[52,1088,70],{"class":58},[52,1090,1092],{"class":54,"line":1091},53,[52,1093,1094],{"class":663},"        Custom Height\n",[52,1096,1098,1100,1102],{"class":54,"line":1097},54,[52,1099,721],{"class":58},[52,1101,774],{"class":62},[52,1103,70],{"class":58},[52,1105,1107,1109,1111,1113,1115,1117,1119,1121,1124,1126,1128,1131,1133,1135],{"class":54,"line":1106},55,[52,1108,605],{"class":58},[52,1110,26],{"class":62},[52,1112,188],{"class":142},[52,1114,191],{"class":58},[52,1116,194],{"class":58},[52,1118,33],{"class":66},[52,1120,194],{"class":58},[52,1122,1123],{"class":66}," height",[52,1125,191],{"class":58},[52,1127,194],{"class":91},[52,1129,1130],{"class":95},"8px",[52,1132,194],{"class":91},[52,1134,202],{"class":201},[52,1136,70],{"class":58},[52,1138,1140,1142,1144],{"class":54,"line":1139},56,[52,1141,731],{"class":58},[52,1143,585],{"class":62},[52,1145,70],{"class":58},[52,1147,1149,1152,1154,1157],{"class":54,"line":1148},57,[52,1150,1151],{"class":58},"  \u003C/",[52,1153,559],{"class":62},[52,1155,1156],{"class":58},">",[52,1158,1159],{"class":663},"``\n",[52,1161,1163,1165,1167],{"class":54,"line":1162},58,[52,1164,158],{"class":58},[52,1166,175],{"class":62},[52,1168,70],{"class":58},[1170,1171,1172],"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":47,"searchDepth":73,"depth":73,"links":1174},[1175,1176,1177],{"id":217,"depth":102,"text":218},{"id":325,"depth":102,"text":326},{"id":356,"depth":102,"text":357},"md",{},"/docs/components/progress",{"title":26,"description":37},"docs/components/progress","8sjobALh_IoC6PGh08KlhE5RJUAyhmJmacMbw7YF9Os",1777992281477]