[{"data":1,"prerenderedAt":477},["ShallowReactive",2],{"i-simple-icons:github":3,"i-lucide:arrow-right":8,"doc-\u002Fdocs\u002Felements\u002Fprogress":10,"docs-sidebar":342,"i-lucide:file-text":473,"i-lucide:arrow-left":475},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cpath fill=\"currentColor\" d=\"M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14m-7-7l7 7l-7 7\"\u002F>",{"id":11,"title":12,"body":13,"description":333,"extension":334,"group":335,"groupOrder":127,"meta":336,"navTitle":337,"navigation":123,"order":127,"path":338,"seo":339,"stem":340,"__hash__":341},"docs\u002Fdocs\u002Felements\u002Fprogress.md","\u003Cwmcp-progress>",{"type":14,"value":15,"toc":329},"minimark",[16,23,59,62,144,151,156,236,240,248,325],[17,18,20],"h1",{"id":19},"wmcp-progress",[21,22,12],"code",{},[24,25,26,27,32,33,36,37,40,41,44,45,40,48,51,52,54,55,58],"p",{},"A progress bar, determinate or indeterminate. Presentational — no ",[28,29,31],"a",{"href":30},"\u002Fdocs\u002Fwebmcp","WebMCP tool",". It's a ",[21,34,35],{},"role=\"progressbar\""," with ",[21,38,39],{},"aria-valuenow"," \u002F ",[21,42,43],{},"aria-valuemax"," wired from ",[21,46,47],{},"value",[21,49,50],{},"max","; omit ",[21,53,47],{}," (or set ",[21,56,57],{},"indeterminate",") for an animated indeterminate bar.",[19,60],{"value":61},"60",[63,64,69],"pre",{"className":65,"code":66,"language":67,"meta":68,"style":68},"language-html shiki shiki-themes github-light-default ayu-dark","\u003C!-- Determinate -->\n\u003Cwmcp-progress value=\"60\" max=\"100\">\u003C\u002Fwmcp-progress>\n\n\u003C!-- Indeterminate (omit value) -->\n\u003Cwmcp-progress>\u003C\u002Fwmcp-progress>\n","html","",[21,70,71,80,118,125,131],{"__ignoreMap":68},[72,73,76],"span",{"class":74,"line":75},"line",1,[72,77,79],{"class":78},"s5O_a","\u003C!-- Determinate -->\n",[72,81,83,87,90,94,98,102,105,107,110,113,115],{"class":74,"line":82},2,[72,84,86],{"class":85},"sqV5G","\u003C",[72,88,19],{"class":89},"sfBZl",[72,91,93],{"class":92},"sI192"," value",[72,95,97],{"class":96},"siQKT","=",[72,99,101],{"class":100},"sxLuP","\"60\"",[72,103,104],{"class":92}," max",[72,106,97],{"class":96},[72,108,109],{"class":100},"\"100\"",[72,111,112],{"class":85},">\u003C\u002F",[72,114,19],{"class":89},[72,116,117],{"class":85},">\n",[72,119,121],{"class":74,"line":120},3,[72,122,124],{"emptyLinePlaceholder":123},true,"\n",[72,126,128],{"class":74,"line":127},4,[72,129,130],{"class":78},"\u003C!-- Indeterminate (omit value) -->\n",[72,132,134,136,138,140,142],{"class":74,"line":133},5,[72,135,86],{"class":85},[72,137,19],{"class":89},[72,139,112],{"class":85},[72,141,19],{"class":89},[72,143,117],{"class":85},[24,145,146,147,150],{},"The indeterminate animation respects ",[21,148,149],{},"prefers-reduced-motion"," — it falls back to a static half-opacity bar rather than sliding.",[152,153,155],"h2",{"id":154},"element-attributes","Element attributes",[157,158,159,178],"table",{},[160,161,162],"thead",{},[163,164,165,169,172,175],"tr",{},[166,167,168],"th",{},"Attribute",[166,170,171],{},"Type",[166,173,174],{},"Default",[166,176,177],{},"Description",[179,180,181,199,217],"tbody",{},[163,182,183,188,193,196],{},[184,185,186],"td",{},[21,187,47],{},[184,189,190],{},[21,191,192],{},"number",[184,194,195],{},"—",[184,197,198],{},"Current value. Leave unset for indeterminate.",[163,200,201,205,209,214],{},[184,202,203],{},[21,204,50],{},[184,206,207],{},[21,208,192],{},[184,210,211],{},[21,212,213],{},"100",[184,215,216],{},"Maximum value.",[163,218,219,223,228,233],{},[184,220,221],{},[21,222,57],{},[184,224,225],{},[21,226,227],{},"boolean",[184,229,230],{},[21,231,232],{},"false",[184,234,235],{},"Force the animated indeterminate state.",[152,237,239],{"id":238},"theming","Theming",[24,241,242,243,247],{},"Track, bar, height, and radius are custom properties, defaulting through the ",[28,244,246],{"href":245},"\u002Fdocs\u002Finstallation","design tokens",":",[63,249,253],{"className":250,"code":251,"language":252,"meta":68,"style":68},"language-css shiki shiki-themes github-light-default ayu-dark",":root {\n  --progress-bar: var(--brand);\n  --progress-height: 0.375rem;\n  --progress-radius: 0.25rem;\n}\n","css",[21,254,255,265,289,306,320],{"__ignoreMap":68},[72,256,257,261],{"class":74,"line":75},[72,258,260],{"class":259},"sybcr",":root",[72,262,264],{"class":263},"sBz_o"," {\n",[72,266,267,271,273,277,280,283,286],{"class":74,"line":82},[72,268,270],{"class":269},"sCHdd","  --progress-bar",[72,272,247],{"class":96},[72,274,276],{"class":275},"sAJRi"," var",[72,278,279],{"class":263},"(",[72,281,282],{"class":269},"--brand",[72,284,285],{"class":263},")",[72,287,288],{"class":96},";\n",[72,290,291,294,296,300,304],{"class":74,"line":120},[72,292,293],{"class":269},"  --progress-height",[72,295,247],{"class":96},[72,297,299],{"class":298},"sQY3k"," 0.375",[72,301,303],{"class":302},"s7jPt","rem",[72,305,288],{"class":96},[72,307,308,311,313,316,318],{"class":74,"line":127},[72,309,310],{"class":269},"  --progress-radius",[72,312,247],{"class":96},[72,314,315],{"class":298}," 0.25",[72,317,303],{"class":302},[72,319,288],{"class":96},[72,321,322],{"class":74,"line":133},[72,323,324],{"class":263},"}\n",[326,327,328],"style",{},"html pre.shiki code .s5O_a, html code.shiki .s5O_a{--shiki-default:#6E7781;--shiki-default-font-style:inherit;--shiki-dark:#5A6673;--shiki-dark-font-style:italic}html pre.shiki code .sqV5G, html code.shiki .sqV5G{--shiki-default:#1F2328;--shiki-dark:#39BAE680}html pre.shiki code .sfBZl, html code.shiki .sfBZl{--shiki-default:#116329;--shiki-dark:#39BAE6}html pre.shiki code .sI192, html code.shiki .sI192{--shiki-default:#0550AE;--shiki-dark:#FFB454}html pre.shiki code .siQKT, html code.shiki .siQKT{--shiki-default:#1F2328;--shiki-dark:#BFBDB6B3}html pre.shiki code .sxLuP, html code.shiki .sxLuP{--shiki-default:#0A3069;--shiki-dark:#AAD94C}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);}html pre.shiki code .sybcr, html code.shiki .sybcr{--shiki-default:#0550AE;--shiki-dark:#95E6CB}html pre.shiki code .sBz_o, html code.shiki .sBz_o{--shiki-default:#1F2328;--shiki-dark:#BFBDB6}html pre.shiki code .sCHdd, html code.shiki .sCHdd{--shiki-default:#953800;--shiki-dark:#BFBDB6}html pre.shiki code .sAJRi, html code.shiki .sAJRi{--shiki-default:#0550AE;--shiki-dark:#F07178}html pre.shiki code .sQY3k, html code.shiki .sQY3k{--shiki-default:#0550AE;--shiki-dark:#D2A6FF}html pre.shiki code .s7jPt, html code.shiki .s7jPt{--shiki-default:#CF222E;--shiki-dark:#FF8F40}",{"title":68,"searchDepth":82,"depth":82,"links":330},[331,332],{"id":154,"depth":82,"text":155},{"id":238,"depth":82,"text":239},"A determinate or indeterminate progress bar with progressbar a11y.","md","Presentational",{},"Progress","\u002Fdocs\u002Felements\u002Fprogress",{"title":12,"description":333},"docs\u002Felements\u002Fprogress","hTHTnyRU6dR9RFZ8VpeOeUjUOSYBlfYA4yVrV9FeFZw",[343,347,351,355,360,365,370,374,378,382,386,387,391,395,399,404,409,413,417,421,425,429,434,437,441,445,448,452,456,460,463,465,468,471],{"path":344,"title":345,"navTitle":346,"group":335,"order":82,"groupOrder":127},"\u002Fdocs\u002Felements\u002Falert","\u003Cwmcp-alert>","Alert",{"path":348,"title":349,"navTitle":350,"group":335,"order":120,"groupOrder":127},"\u002Fdocs\u002Felements\u002Favatar","\u003Cwmcp-avatar>","Avatar",{"path":352,"title":353,"navTitle":354,"group":335,"order":75,"groupOrder":127},"\u002Fdocs\u002Felements\u002Fbadge","\u003Cwmcp-badge>","Badge",{"path":356,"title":357,"navTitle":358,"group":359,"order":75,"groupOrder":120},"\u002Fdocs\u002Felements\u002Fbutton","\u003Cwmcp-button>","Button","Interaction",{"path":361,"title":362,"navTitle":363,"group":335,"order":364,"groupOrder":127},"\u002Fdocs\u002Felements\u002Fcard","\u003Cwmcp-card>","Card",6,{"path":366,"title":367,"navTitle":368,"group":369,"order":127,"groupOrder":82},"\u002Fdocs\u002Felements\u002Fcheckbox","\u003Cwmcp-checkbox>","Checkbox","Elements",{"path":371,"title":372,"navTitle":373,"group":359,"order":82,"groupOrder":120},"\u002Fdocs\u002Felements\u002Fdialog","\u003Cwmcp-dialog>","Dialog",{"path":375,"title":376,"navTitle":377,"group":369,"order":75,"groupOrder":82},"\u002Fdocs\u002Felements\u002Finput","\u003Cwmcp-input>","Input",{"path":379,"title":380,"navTitle":381,"group":359,"order":120,"groupOrder":120},"\u002Fdocs\u002Felements\u002Fmenu","\u003Cwmcp-menu>","Menu",{"path":383,"title":384,"navTitle":385,"group":359,"order":133,"groupOrder":120},"\u002Fdocs\u002Felements\u002Fpopover","\u003Cwmcp-popover>","Popover",{"path":338,"title":12,"navTitle":337,"group":335,"order":127,"groupOrder":127},{"path":388,"title":389,"navTitle":390,"group":369,"order":133,"groupOrder":82},"\u002Fdocs\u002Felements\u002Fradio","\u003Cwmcp-radio-group>","Radio group",{"path":392,"title":393,"navTitle":394,"group":369,"order":120,"groupOrder":82},"\u002Fdocs\u002Felements\u002Fselect","\u003Cwmcp-select>","Select",{"path":396,"title":397,"navTitle":398,"group":335,"order":133,"groupOrder":127},"\u002Fdocs\u002Felements\u002Fseparator","\u003Cwmcp-separator>","Separator",{"path":400,"title":401,"navTitle":402,"group":335,"order":403,"groupOrder":127},"\u002Fdocs\u002Felements\u002Fskeleton","\u003Cwmcp-skeleton>","Skeleton",7,{"path":405,"title":406,"navTitle":407,"group":335,"order":408,"groupOrder":127},"\u002Fdocs\u002Felements\u002Fspinner","\u003Cwmcp-spinner>","Spinner",8,{"path":410,"title":411,"navTitle":412,"group":359,"order":403,"groupOrder":120},"\u002Fdocs\u002Felements\u002Fswitch","\u003Cwmcp-switch>","Switch",{"path":414,"title":415,"navTitle":416,"group":359,"order":127,"groupOrder":120},"\u002Fdocs\u002Felements\u002Ftabs","\u003Cwmcp-tabs>","Tabs",{"path":418,"title":419,"navTitle":420,"group":369,"order":82,"groupOrder":82},"\u002Fdocs\u002Felements\u002Ftextarea","\u003Cwmcp-textarea>","Textarea",{"path":422,"title":423,"navTitle":424,"group":359,"order":364,"groupOrder":120},"\u002Fdocs\u002Felements\u002Ftoast","\u003Cwmcp-toast>","Toast",{"path":426,"title":427,"navTitle":428,"group":359,"order":408,"groupOrder":120},"\u002Fdocs\u002Felements\u002Ftooltip","\u003Cwmcp-tooltip>","Tooltip",{"path":430,"title":431,"navTitle":432,"group":433,"order":127,"groupOrder":133},"\u002Fdocs\u002Fexamples\u002Fbrain-dump","Brain-dump → to-do list","Brain-dump → to-dos","Examples",{"path":435,"title":436,"navTitle":436,"group":433,"order":133,"groupOrder":133},"\u002Fdocs\u002Fexamples\u002Fcrm-lead","Email → CRM lead",{"path":438,"title":439,"navTitle":440,"group":433,"order":403,"groupOrder":133},"\u002Fdocs\u002Fexamples\u002Fdashboard","Ask the dashboard a question","Dashboard control",{"path":442,"title":443,"navTitle":444,"group":433,"order":364,"groupOrder":133},"\u002Fdocs\u002Fexamples\u002Fexpense-report","Receipt → expense report","Receipt → expense",{"path":446,"title":433,"navTitle":447,"group":433,"order":75,"groupOrder":133},"\u002Fdocs\u002Fexamples","Overview",{"path":449,"title":450,"navTitle":451,"group":433,"order":82,"groupOrder":133},"\u002Fdocs\u002Fexamples\u002Frecipe-cart","Recipe → grocery cart","Recipe → cart",{"path":453,"title":454,"navTitle":455,"group":433,"order":120,"groupOrder":133},"\u002Fdocs\u002Fexamples\u002Frestaurant-booking","Book a table in one sentence","Restaurant booking",{"path":457,"title":458,"navTitle":458,"group":459,"order":364,"groupOrder":75},"\u002Fdocs\u002Fframeworks","React & Vue","Getting started",{"path":461,"title":462,"navTitle":462,"group":459,"order":75,"groupOrder":75},"\u002Fdocs","Introduction",{"path":245,"title":464,"navTitle":464,"group":459,"order":82,"groupOrder":75},"Installation",{"path":466,"title":467,"navTitle":467,"group":459,"order":133,"groupOrder":75},"\u002Fdocs\u002Ftesting","Testing",{"path":469,"title":470,"navTitle":470,"group":459,"order":120,"groupOrder":75},"\u002Fdocs\u002Fvalidation","Validation",{"path":30,"title":472,"navTitle":472,"group":459,"order":127,"groupOrder":75},"WebMCP exposure",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":474},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"\u002F>\u003Cpath d=\"M14 2v5a1 1 0 0 0 1 1h5M10 9H8m8 4H8m8 4H8\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":476},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 19l-7-7l7-7m7 7H5\"\u002F>",1784517902664]