import{_ as u,j as c,k as r,l as i,w as o,f as a,b as n,e as t,d as A,P as v,r as y,t as V,a as Z,n as w}from"./index.c1b9962e.js";import{M as P}from"./MinusOutlined.d7f233c1.js";const N={};function q(l,s){const e=c("a-progress"),p=c("demo-box");return r(),i(p,{jsfiddle:{us:"A standard progress bar.",cn:"\u6807\u51C6\u7684\u8FDB\u5EA6\u6761\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u6807\u51C6\u7684\u8FDB\u5EA6\u6761\u3002</p>
<h2 id="en-us">en-US</h2>
<p>A standard progress bar.</p>
`,order:0,title:{"zh-CN":"\u8FDB\u5EA6\u6761","en-US":"Progress bar"},relativePath:"src/docs/progress/demo/line.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSIzMCIgLz4KICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iNTAiIHN0YXR1cz0iYWN0aXZlIiAvPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSI3MCIgc3RhdHVzPSJleGNlcHRpb24iIC8+CiAgPGEtcHJvZ3Jlc3MgOnBlcmNlbnQ9IjEwMCIgLz4KICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iNTAiIDpzaG93LWluZm89ImZhbHNlIiAvPgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSIzMCIgLz4KICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iNTAiIHN0YXR1cz0iYWN0aXZlIiAvPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSI3MCIgc3RhdHVzPSJleGNlcHRpb24iIC8+CiAgPGEtcHJvZ3Jlc3MgOnBlcmNlbnQ9IjEwMCIgLz4KICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iNTAiIDpzaG93LWluZm89ImZhbHNlIiAvPgo8L3RlbXBsYXRlPg=="}},{default:o(()=>[a(e,{percent:30}),a(e,{percent:50,status:"active"}),a(e,{percent:70,status:"exception"}),a(e,{percent:100}),a(e,{percent:50,"show-info":!1})]),htmlCode:o(()=>s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("30"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("50"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("active"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("70"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("exception"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("100"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("50"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":show-info"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("30"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("50"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("active"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("70"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("exception"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("100"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("50"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":show-info"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var S=u(N,[["render",q]]);const W={};function x(l,s){const e=c("a-progress"),p=c("demo-box");return r(),i(p,{jsfiddle:{us:"A circular progress bar.",cn:"\u5708\u5F62\u7684\u8FDB\u5EA6\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u5708\u5F62\u7684\u8FDB\u5EA6\u3002</p>
<h2 id="en-us">en-US</h2>
<p>A circular progress bar.</p>
`,order:1,title:{"zh-CN":"\u8FDB\u5EA6\u5708","en-US":"Circular progress bar"},relativePath:"src/docs/progress/demo/circle.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9Ijc1IiAvPgogIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9IjcwIiBzdGF0dXM9ImV4Y2VwdGlvbiIgLz4KICA8YS1wcm9ncmVzcyB0eXBlPSJjaXJjbGUiIDpwZXJjZW50PSIxMDAiIC8+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9Ijc1IiAvPgogIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9IjcwIiBzdGF0dXM9ImV4Y2VwdGlvbiIgLz4KICA8YS1wcm9ncmVzcyB0eXBlPSJjaXJjbGUiIDpwZXJjZW50PSIxMDAiIC8+CjwvdGVtcGxhdGU+"}},{default:o(()=>[a(e,{type:"circle",percent:75}),a(e,{type:"circle",percent:70,status:"exception"}),a(e,{type:"circle",percent:100})]),htmlCode:o(()=>s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("75"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("70"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("exception"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("100"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("75"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("70"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("exception"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("100"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var j=u(W,[["render",x]]);const H={},R={style:{width:"170px"}};function _(l,s){const e=c("a-progress"),p=c("demo-box");return r(),i(p,{jsfiddle:{us:"Appropriate for a narrow area.",cn:"\u9002\u5408\u653E\u5728\u8F83\u72ED\u7A84\u7684\u533A\u57DF\u5185\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u9002\u5408\u653E\u5728\u8F83\u72ED\u7A84\u7684\u533A\u57DF\u5185\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Appropriate for a narrow area.</p>
`,order:2,title:{"zh-CN":"\u5C0F\u578B\u8FDB\u5EA6\u6761","en-US":"Mini size progress bar"},relativePath:"src/docs/progress/demo/line-mini.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXYgc3R5bGU9IndpZHRoOiAxNzBweCI+CiAgICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iMzAiIHNpemU9InNtYWxsIiAvPgogICAgPGEtcHJvZ3Jlc3MgOnBlcmNlbnQ9IjUwIiBzaXplPSJzbWFsbCIgc3RhdHVzPSJhY3RpdmUiIC8+CiAgICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iNzAiIHNpemU9InNtYWxsIiBzdGF0dXM9ImV4Y2VwdGlvbiIgLz4KICAgIDxhLXByb2dyZXNzIDpwZXJjZW50PSIxMDAiIHNpemU9InNtYWxsIiAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXYgc3R5bGU9IndpZHRoOiAxNzBweCI+CiAgICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iMzAiIHNpemU9InNtYWxsIiAvPgogICAgPGEtcHJvZ3Jlc3MgOnBlcmNlbnQ9IjUwIiBzaXplPSJzbWFsbCIgc3RhdHVzPSJhY3RpdmUiIC8+CiAgICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iNzAiIHNpemU9InNtYWxsIiBzdGF0dXM9ImV4Y2VwdGlvbiIgLz4KICAgIDxhLXByb2dyZXNzIDpwZXJjZW50PSIxMDAiIHNpemU9InNtYWxsIiAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPg=="}},{default:o(()=>[n("div",R,[a(e,{percent:30,size:"small"}),a(e,{percent:50,size:"small",status:"active"}),a(e,{percent:70,size:"small",status:"exception"}),a(e,{percent:100,size:"small"})])]),htmlCode:o(()=>s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),t(" 170px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("30"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("50"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("active"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("70"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("exception"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("100"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),t(" 170px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("30"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("50"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("active"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("70"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("exception"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("100"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var J=u(H,[["render",_]]);const L={};function U(l,s){const e=c("a-progress"),p=c("demo-box");return r(),i(p,{jsfiddle:{us:"A smaller circular progress bar.",cn:"\u5C0F\u4E00\u53F7\u7684\u5708\u5F62\u8FDB\u5EA6\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u5C0F\u4E00\u53F7\u7684\u5708\u5F62\u8FDB\u5EA6\u3002</p>
<h2 id="en-us">en-US</h2>
<p>A smaller circular progress bar.</p>
`,order:3,title:{"zh-CN":"\u5C0F\u578B\u8FDB\u5EA6\u5708","en-US":"Mini size circular progress bar"},relativePath:"src/docs/progress/demo/circle-mini.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9IjMwIiA6d2lkdGg9IjgwIiAvPgogIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9IjcwIiA6d2lkdGg9IjgwIiBzdGF0dXM9ImV4Y2VwdGlvbiIgLz4KICA8YS1wcm9ncmVzcyB0eXBlPSJjaXJjbGUiIDpwZXJjZW50PSIxMDAiIDp3aWR0aD0iODAiIC8+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9IjMwIiA6d2lkdGg9IjgwIiAvPgogIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9IjcwIiA6d2lkdGg9IjgwIiBzdGF0dXM9ImV4Y2VwdGlvbiIgLz4KICA8YS1wcm9ncmVzcyB0eXBlPSJjaXJjbGUiIDpwZXJjZW50PSIxMDAiIDp3aWR0aD0iODAiIC8+CjwvdGVtcGxhdGU+"}},{default:o(()=>[a(e,{type:"circle",percent:30,width:80}),a(e,{type:"circle",percent:70,width:80,status:"exception"}),a(e,{type:"circle",percent:100,width:80})]),htmlCode:o(()=>s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("30"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":width"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("80"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("70"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":width"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("80"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("exception"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("100"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":width"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("80"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("30"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":width"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("80"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("70"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":width"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("80"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("exception"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("100"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":width"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("80"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var M=u(L,[["render",U]]);const T=A({components:{MinusOutlined:P,PlusOutlined:v},setup(){const l=y(0);return{defaultPercent:l,increase:()=>{const p=l.value+10;l.value=p>100?100:p},decline:()=>{const p=l.value-10;l.value=p<0?0:p}}}});function K(l,s,e,p,k,h){const g=c("a-progress"),m=c("minus-outlined"),d=c("a-button"),I=c("plus-outlined"),C=c("a-button-group"),b=c("demo-box");return r(),i(b,{jsfiddle:{us:"A dynamic progress bar is better.",cn:"\u4F1A\u52A8\u7684\u8FDB\u5EA6\u6761\u624D\u662F\u597D\u8FDB\u5EA6\u6761\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u4F1A\u52A8\u7684\u8FDB\u5EA6\u6761\u624D\u662F\u597D\u8FDB\u5EA6\u6761\u3002</p>
<h2 id="en-us">en-US</h2>
<p>A dynamic progress bar is better.</p>
`,order:4,title:{"zh-CN":"\u52A8\u6001\u5C55\u793A","en-US":"Dynamic"},relativePath:"src/docs/progress/demo/dynamic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iZGVmYXVsdFBlcmNlbnQiIC8+CiAgICA8YS1idXR0b24tZ3JvdXA+CiAgICAgIDxhLWJ1dHRvbiBAY2xpY2s9ImRlY2xpbmUiPgogICAgICAgIDx0ZW1wbGF0ZSAjaWNvbj48bWludXMtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgICA8L2EtYnV0dG9uPgogICAgICA8YS1idXR0b24gQGNsaWNrPSJpbmNyZWFzZSI+CiAgICAgICAgPHRlbXBsYXRlICNpY29uPjxwbHVzLW91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICAgICAgPC9hLWJ1dHRvbj4KICAgIDwvYS1idXR0b24tZ3JvdXA+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBNaW51c091dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKaW1wb3J0IHsgUGx1c091dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIGNvbXBvbmVudHM6IHsKICAgIE1pbnVzT3V0bGluZWQsCiAgICBQbHVzT3V0bGluZWQsCiAgfSwKICBzZXR1cCgpIHsKICAgIGNvbnN0IGRlZmF1bHRQZXJjZW50ID0gcmVmPG51bWJlcj4oMCk7CgogICAgY29uc3QgaW5jcmVhc2UgPSAoKSA9PiB7CiAgICAgIGNvbnN0IHBlcmNlbnQgPSBkZWZhdWx0UGVyY2VudC52YWx1ZSArIDEwOwogICAgICBkZWZhdWx0UGVyY2VudC52YWx1ZSA9IHBlcmNlbnQgPiAxMDAgPyAxMDAgOiBwZXJjZW50OwogICAgfTsKCiAgICBjb25zdCBkZWNsaW5lID0gKCkgPT4gewogICAgICBjb25zdCBwZXJjZW50ID0gZGVmYXVsdFBlcmNlbnQudmFsdWUgLSAxMDsKICAgICAgZGVmYXVsdFBlcmNlbnQudmFsdWUgPSBwZXJjZW50IDwgMCA/IDAgOiBwZXJjZW50OwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIGRlZmF1bHRQZXJjZW50LAogICAgICBpbmNyZWFzZSwKICAgICAgZGVjbGluZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iZGVmYXVsdFBlcmNlbnQiIC8+CiAgICA8YS1idXR0b24tZ3JvdXA+CiAgICAgIDxhLWJ1dHRvbiBAY2xpY2s9ImRlY2xpbmUiPgogICAgICAgIDx0ZW1wbGF0ZSAjaWNvbj48bWludXMtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgICA8L2EtYnV0dG9uPgogICAgICA8YS1idXR0b24gQGNsaWNrPSJpbmNyZWFzZSI+CiAgICAgICAgPHRlbXBsYXRlICNpY29uPjxwbHVzLW91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICAgICAgPC9hLWJ1dHRvbj4KICAgIDwvYS1idXR0b24tZ3JvdXA+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IE1pbnVzT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgeyBQbHVzT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgTWludXNPdXRsaW5lZCwKICAgIFBsdXNPdXRsaW5lZCwKICB9LAogIHNldHVwKCkgewogICAgY29uc3QgZGVmYXVsdFBlcmNlbnQgPSByZWYoMCk7CiAgICBjb25zdCBpbmNyZWFzZSA9ICgpID0+IHsKICAgICAgY29uc3QgcGVyY2VudCA9IGRlZmF1bHRQZXJjZW50LnZhbHVlICsgMTA7CiAgICAgIGRlZmF1bHRQZXJjZW50LnZhbHVlID0gcGVyY2VudCA+IDEwMCA/IDEwMCA6IHBlcmNlbnQ7CiAgICB9OwogICAgY29uc3QgZGVjbGluZSA9ICgpID0+IHsKICAgICAgY29uc3QgcGVyY2VudCA9IGRlZmF1bHRQZXJjZW50LnZhbHVlIC0gMTA7CiAgICAgIGRlZmF1bHRQZXJjZW50LnZhbHVlID0gcGVyY2VudCA8IDAgPyAwIDogcGVyY2VudDsKICAgIH07CiAgICByZXR1cm4gewogICAgICBkZWZhdWx0UGVyY2VudCwKICAgICAgaW5jcmVhc2UsCiAgICAgIGRlY2xpbmUsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:o(()=>[n("div",null,[a(g,{percent:l.defaultPercent},null,8,["percent"]),a(C,null,{default:o(()=>[a(d,{onClick:l.decline},{icon:o(()=>[a(m)]),_:1},8,["onClick"]),a(d,{onClick:l.increase},{icon:o(()=>[a(I)]),_:1},8,["onClick"])]),_:1})])]),htmlCode:o(()=>s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("defaultPercent"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button-group")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("decline"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("minus-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("increase"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("plus-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button-group")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" MinusOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" PlusOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    MinusOutlined`),n("span",{class:"token punctuation"},","),t(`
    PlusOutlined`),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" defaultPercent "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("number"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"increase"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" percent "),n("span",{class:"token operator"},"="),t(" defaultPercent"),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},";"),t(`
      defaultPercent`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" percent "),n("span",{class:"token operator"},">"),t(),n("span",{class:"token number"},"100"),t(),n("span",{class:"token operator"},"?"),t(),n("span",{class:"token number"},"100"),t(),n("span",{class:"token operator"},":"),t(" percent"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"decline"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" percent "),n("span",{class:"token operator"},"="),t(" defaultPercent"),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},";"),t(`
      defaultPercent`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" percent "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"0"),t(),n("span",{class:"token operator"},"?"),t(),n("span",{class:"token number"},"0"),t(),n("span",{class:"token operator"},":"),t(" percent"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      defaultPercent`),n("span",{class:"token punctuation"},","),t(`
      increase`),n("span",{class:"token punctuation"},","),t(`
      decline`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("defaultPercent"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button-group")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("decline"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("minus-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("increase"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("plus-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button-group")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" MinusOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" PlusOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    MinusOutlined`),n("span",{class:"token punctuation"},","),t(`
    PlusOutlined`),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" defaultPercent "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"increase"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" percent "),n("span",{class:"token operator"},"="),t(" defaultPercent"),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},";"),t(`
      defaultPercent`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" percent "),n("span",{class:"token operator"},">"),t(),n("span",{class:"token number"},"100"),t(),n("span",{class:"token operator"},"?"),t(),n("span",{class:"token number"},"100"),t(),n("span",{class:"token operator"},":"),t(" percent"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"decline"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" percent "),n("span",{class:"token operator"},"="),t(" defaultPercent"),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},";"),t(`
      defaultPercent`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" percent "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"0"),t(),n("span",{class:"token operator"},"?"),t(),n("span",{class:"token number"},"0"),t(),n("span",{class:"token operator"},":"),t(" percent"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      defaultPercent`),n("span",{class:"token punctuation"},","),t(`
      increase`),n("span",{class:"token punctuation"},","),t(`
      decline`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var O=u(T,[["render",K]]);const Q=A({components:{MinusOutlined:P,PlusOutlined:v},setup(){const l=y(0);return{defaultPercent:l,increase:()=>{const p=l.value+10;l.value=p>100?100:p},decline:()=>{const p=l.value-10;l.value=p<0?0:p}}}});function F(l,s,e,p,k,h){const g=c("a-progress"),m=c("minus-outlined"),d=c("a-button"),I=c("plus-outlined"),C=c("a-button-group"),b=c("demo-box");return r(),i(b,{jsfiddle:{us:"A dynamic progress bar is better.",cn:"\u4F1A\u52A8\u7684\u8FDB\u5EA6\u6761\u624D\u662F\u597D\u8FDB\u5EA6\u6761\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u4F1A\u52A8\u7684\u8FDB\u5EA6\u6761\u624D\u662F\u597D\u8FDB\u5EA6\u6761\u3002</p>
<h2 id="en-us">en-US</h2>
<p>A dynamic progress bar is better.</p>
`,order:5,title:{"zh-CN":"\u8FDB\u5EA6\u5708\u52A8\u6001\u5C55\u793A","en-US":"Dynamic circular progress bar"},relativePath:"src/docs/progress/demo/circle-dynamic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyB0eXBlPSJjaXJjbGUiIDpwZXJjZW50PSJkZWZhdWx0UGVyY2VudCIgLz4KICAgIDxhLWJ1dHRvbi1ncm91cD4KICAgICAgPGEtYnV0dG9uIEBjbGljaz0iZGVjbGluZSI+CiAgICAgICAgPHRlbXBsYXRlICNpY29uPjxtaW51cy1vdXRsaW5lZCAvPjwvdGVtcGxhdGU+CiAgICAgIDwvYS1idXR0b24+CiAgICAgIDxhLWJ1dHRvbiBAY2xpY2s9ImluY3JlYXNlIj4KICAgICAgICA8dGVtcGxhdGUgI2ljb24+PHBsdXMtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgICA8L2EtYnV0dG9uPgogICAgPC9hLWJ1dHRvbi1ncm91cD4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IE1pbnVzT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgeyBQbHVzT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgTWludXNPdXRsaW5lZCwKICAgIFBsdXNPdXRsaW5lZCwKICB9LAogIHNldHVwKCkgewogICAgY29uc3QgZGVmYXVsdFBlcmNlbnQgPSByZWY8bnVtYmVyPigwKTsKCiAgICBjb25zdCBpbmNyZWFzZSA9ICgpID0+IHsKICAgICAgY29uc3QgcGVyY2VudCA9IGRlZmF1bHRQZXJjZW50LnZhbHVlICsgMTA7CiAgICAgIGRlZmF1bHRQZXJjZW50LnZhbHVlID0gcGVyY2VudCA+IDEwMCA/IDEwMCA6IHBlcmNlbnQ7CiAgICB9OwoKICAgIGNvbnN0IGRlY2xpbmUgPSAoKSA9PiB7CiAgICAgIGNvbnN0IHBlcmNlbnQgPSBkZWZhdWx0UGVyY2VudC52YWx1ZSAtIDEwOwogICAgICBkZWZhdWx0UGVyY2VudC52YWx1ZSA9IHBlcmNlbnQgPCAwID8gMCA6IHBlcmNlbnQ7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgZGVmYXVsdFBlcmNlbnQsCiAgICAgIGluY3JlYXNlLAogICAgICBkZWNsaW5lLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyB0eXBlPSJjaXJjbGUiIDpwZXJjZW50PSJkZWZhdWx0UGVyY2VudCIgLz4KICAgIDxhLWJ1dHRvbi1ncm91cD4KICAgICAgPGEtYnV0dG9uIEBjbGljaz0iZGVjbGluZSI+CiAgICAgICAgPHRlbXBsYXRlICNpY29uPjxtaW51cy1vdXRsaW5lZCAvPjwvdGVtcGxhdGU+CiAgICAgIDwvYS1idXR0b24+CiAgICAgIDxhLWJ1dHRvbiBAY2xpY2s9ImluY3JlYXNlIj4KICAgICAgICA8dGVtcGxhdGUgI2ljb24+PHBsdXMtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgICA8L2EtYnV0dG9uPgogICAgPC9hLWJ1dHRvbi1ncm91cD4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgTWludXNPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB7IFBsdXNPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBjb21wb25lbnRzOiB7CiAgICBNaW51c091dGxpbmVkLAogICAgUGx1c091dGxpbmVkLAogIH0sCiAgc2V0dXAoKSB7CiAgICBjb25zdCBkZWZhdWx0UGVyY2VudCA9IHJlZigwKTsKICAgIGNvbnN0IGluY3JlYXNlID0gKCkgPT4gewogICAgICBjb25zdCBwZXJjZW50ID0gZGVmYXVsdFBlcmNlbnQudmFsdWUgKyAxMDsKICAgICAgZGVmYXVsdFBlcmNlbnQudmFsdWUgPSBwZXJjZW50ID4gMTAwID8gMTAwIDogcGVyY2VudDsKICAgIH07CiAgICBjb25zdCBkZWNsaW5lID0gKCkgPT4gewogICAgICBjb25zdCBwZXJjZW50ID0gZGVmYXVsdFBlcmNlbnQudmFsdWUgLSAxMDsKICAgICAgZGVmYXVsdFBlcmNlbnQudmFsdWUgPSBwZXJjZW50IDwgMCA/IDAgOiBwZXJjZW50OwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIGRlZmF1bHRQZXJjZW50LAogICAgICBpbmNyZWFzZSwKICAgICAgZGVjbGluZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:o(()=>[n("div",null,[a(g,{type:"circle",percent:l.defaultPercent},null,8,["percent"]),a(C,null,{default:o(()=>[a(d,{onClick:l.decline},{icon:o(()=>[a(m)]),_:1},8,["onClick"]),a(d,{onClick:l.increase},{icon:o(()=>[a(I)]),_:1},8,["onClick"])]),_:1})])]),htmlCode:o(()=>s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("defaultPercent"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button-group")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("decline"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("minus-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("increase"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("plus-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button-group")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" MinusOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" PlusOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    MinusOutlined`),n("span",{class:"token punctuation"},","),t(`
    PlusOutlined`),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" defaultPercent "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("number"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"increase"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" percent "),n("span",{class:"token operator"},"="),t(" defaultPercent"),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},";"),t(`
      defaultPercent`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" percent "),n("span",{class:"token operator"},">"),t(),n("span",{class:"token number"},"100"),t(),n("span",{class:"token operator"},"?"),t(),n("span",{class:"token number"},"100"),t(),n("span",{class:"token operator"},":"),t(" percent"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"decline"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" percent "),n("span",{class:"token operator"},"="),t(" defaultPercent"),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},";"),t(`
      defaultPercent`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" percent "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"0"),t(),n("span",{class:"token operator"},"?"),t(),n("span",{class:"token number"},"0"),t(),n("span",{class:"token operator"},":"),t(" percent"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      defaultPercent`),n("span",{class:"token punctuation"},","),t(`
      increase`),n("span",{class:"token punctuation"},","),t(`
      decline`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("defaultPercent"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button-group")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("decline"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("minus-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("increase"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("plus-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button-group")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" MinusOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" PlusOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    MinusOutlined`),n("span",{class:"token punctuation"},","),t(`
    PlusOutlined`),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" defaultPercent "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"increase"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" percent "),n("span",{class:"token operator"},"="),t(" defaultPercent"),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},";"),t(`
      defaultPercent`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" percent "),n("span",{class:"token operator"},">"),t(),n("span",{class:"token number"},"100"),t(),n("span",{class:"token operator"},"?"),t(),n("span",{class:"token number"},"100"),t(),n("span",{class:"token operator"},":"),t(" percent"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"decline"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" percent "),n("span",{class:"token operator"},"="),t(" defaultPercent"),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},";"),t(`
      defaultPercent`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" percent "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"0"),t(),n("span",{class:"token operator"},"?"),t(),n("span",{class:"token number"},"0"),t(),n("span",{class:"token operator"},":"),t(" percent"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      defaultPercent`),n("span",{class:"token punctuation"},","),t(`
      increase`),n("span",{class:"token punctuation"},","),t(`
      decline`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var $=u(Q,[["render",F]]);const E={},nn={style:{color:"red"}};function tn(l,s){const e=c("a-progress"),p=c("demo-box");return r(),i(p,{jsfiddle:{us:"You can set a custom text by setting the `format` prop.",cn:"`format` \u5C5E\u6027\u6307\u5B9A\u683C\u5F0F\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p><code>format</code> \u5C5E\u6027\u6307\u5B9A\u683C\u5F0F\u3002</p>
<h2 id="en-us">en-US</h2>
<p>You can set a custom text by setting the <code>format</code> prop.</p>
`,order:6,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u6587\u5B57\u683C\u5F0F","en-US":"Custom text format"},relativePath:"src/docs/progress/demo/format.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyB0eXBlPSJjaXJjbGUiIDpwZXJjZW50PSI3NSIgOmZvcm1hdD0icGVyY2VudCA9PiBgJHtwZXJjZW50fSBEYXlzYCIgLz4KICAgIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9IjEwMCIgOmZvcm1hdD0iKCkgPT4gJ0RvbmUnIiAvPgogICAgPGEtcHJvZ3Jlc3MgdHlwZT0iY2lyY2xlIiA6cGVyY2VudD0iNzUiPgogICAgICA8dGVtcGxhdGUgI2Zvcm1hdD0icGVyY2VudCI+CiAgICAgICAgPHNwYW4gc3R5bGU9ImNvbG9yOiByZWQiPnt7IHBlcmNlbnQgfX08L3NwYW4+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtcHJvZ3Jlc3M+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyB0eXBlPSJjaXJjbGUiIDpwZXJjZW50PSI3NSIgOmZvcm1hdD0icGVyY2VudCA9PiBgJHtwZXJjZW50fSBEYXlzYCIgLz4KICAgIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9IjEwMCIgOmZvcm1hdD0iKCkgPT4gJ0RvbmUnIiAvPgogICAgPGEtcHJvZ3Jlc3MgdHlwZT0iY2lyY2xlIiA6cGVyY2VudD0iNzUiPgogICAgICA8dGVtcGxhdGUgI2Zvcm1hdD0icGVyY2VudCI+CiAgICAgICAgPHNwYW4gc3R5bGU9ImNvbG9yOiByZWQiPnt7IHBlcmNlbnQgfX08L3NwYW4+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtcHJvZ3Jlc3M+CiAgPC9kaXY+CjwvdGVtcGxhdGU+"}},{default:o(()=>[n("div",null,[a(e,{type:"circle",percent:75,format:k=>`${k} Days`},null,8,["format"]),a(e,{type:"circle",percent:100,format:()=>"Done"}),a(e,{type:"circle",percent:75},{format:o(k=>[n("span",nn,V(k),1)]),_:1})])]),htmlCode:o(()=>s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("75"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("percent => `${percent} Days`"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("100"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("() => 'Done'"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("75"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("percent"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),t(" red")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t("{{ percent }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-progress")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("75"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("percent => `${percent} Days`"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("100"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("() => 'Done'"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("75"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("percent"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),t(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"color"),n("span",{class:"token punctuation"},":"),t(" red")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),t("{{ percent }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-progress")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var sn=u(E,[["render",tn]]);const an={};function en(l,s){const e=c("a-progress"),p=c("demo-box");return r(),i(p,{jsfiddle:{us:"By setting `type=dashboard`, you can get a dashboard style of progress easily.",cn:"\u901A\u8FC7\u8BBE\u7F6E `type=dashboard`\uFF0C\u53EF\u4EE5\u5F88\u65B9\u4FBF\u5730\u5B9E\u73B0\u4EEA\u8868\u76D8\u6837\u5F0F\u7684\u8FDB\u5EA6\u6761\u3002\u82E5\u60F3\u8981\u4FEE\u6539\u7F3A\u53E3\u7684\u89D2\u5EA6\uFF0C\u53EF\u4EE5\u8BBE\u7F6E `gapDegree` \u4E3A\u4F60\u60F3\u8981\u7684\u503C\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u901A\u8FC7\u8BBE\u7F6E <code>type=dashboard</code>\uFF0C\u53EF\u4EE5\u5F88\u65B9\u4FBF\u5730\u5B9E\u73B0\u4EEA\u8868\u76D8\u6837\u5F0F\u7684\u8FDB\u5EA6\u6761\u3002\u82E5\u60F3\u8981\u4FEE\u6539\u7F3A\u53E3\u7684\u89D2\u5EA6\uFF0C\u53EF\u4EE5\u8BBE\u7F6E <code>gapDegree</code> \u4E3A\u4F60\u60F3\u8981\u7684\u503C\u3002</p>
<h2 id="en-us">en-US</h2>
<p>By setting <code>type=dashboard</code>, you can get a dashboard style of progress easily.</p>
`,order:7,title:{"zh-CN":"\u4EEA\u8868\u76D8","en-US":"Dashboard"},relativePath:"src/docs/progress/demo/dashboard.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyB0eXBlPSJkYXNoYm9hcmQiIDpwZXJjZW50PSI3NSIgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KCgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyB0eXBlPSJkYXNoYm9hcmQiIDpwZXJjZW50PSI3NSIgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4="}},{default:o(()=>[n("div",null,[a(e,{type:"dashboard",percent:75})])]),htmlCode:o(()=>s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashboard"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("75"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashboard"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("75"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var on=u(an,[["render",en]]);const cn={};function pn(l,s){const e=c("a-progress"),p=c("a-tooltip"),k=c("demo-box");return r(),i(k,{jsfiddle:{us:"A standard progress bar.",cn:"\u6807\u51C6\u7684\u8FDB\u5EA6\u6761\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u6807\u51C6\u7684\u8FDB\u5EA6\u6761\u3002</p>
<h2 id="en-us">en-US</h2>
<p>A standard progress bar.</p>
`,order:8,title:{"zh-CN":"\u5206\u6BB5\u8FDB\u5EA6\u6761","en-US":"Progress bar with success segment"},relativePath:"src/docs/progress/demo/segment.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS10b29sdGlwIHRpdGxlPSIzIGRvbmUgLyAzIGluIHByb2dyZXNzIC8gNCB0byBkbyI+CiAgICAgIDxhLXByb2dyZXNzIDpwZXJjZW50PSI2MCIgOnN1Y2Nlc3MtcGVyY2VudD0iMzAiIC8+CiAgICA8L2EtdG9vbHRpcD4KICAgIDxhLXRvb2x0aXAgdGl0bGU9IjMgZG9uZSAvIDMgaW4gcHJvZ3Jlc3MgLyA0IHRvIGRvIj4KICAgICAgPGEtcHJvZ3Jlc3MgOnBlcmNlbnQ9IjYwIiA6c3VjY2Vzcy1wZXJjZW50PSIzMCIgdHlwZT0iY2lyY2xlIiAvPgogICAgPC9hLXRvb2x0aXA+CiAgICA8YS10b29sdGlwIHRpdGxlPSIzIGRvbmUgLyAzIGluIHByb2dyZXNzIC8gNCB0byBkbyI+CiAgICAgIDxhLXByb2dyZXNzIDpwZXJjZW50PSI2MCIgOnN1Y2Nlc3MtcGVyY2VudD0iMzAiIHR5cGU9ImRhc2hib2FyZCIgLz4KICAgIDwvYS10b29sdGlwPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS10b29sdGlwIHRpdGxlPSIzIGRvbmUgLyAzIGluIHByb2dyZXNzIC8gNCB0byBkbyI+CiAgICAgIDxhLXByb2dyZXNzIDpwZXJjZW50PSI2MCIgOnN1Y2Nlc3MtcGVyY2VudD0iMzAiIC8+CiAgICA8L2EtdG9vbHRpcD4KICAgIDxhLXRvb2x0aXAgdGl0bGU9IjMgZG9uZSAvIDMgaW4gcHJvZ3Jlc3MgLyA0IHRvIGRvIj4KICAgICAgPGEtcHJvZ3Jlc3MgOnBlcmNlbnQ9IjYwIiA6c3VjY2Vzcy1wZXJjZW50PSIzMCIgdHlwZT0iY2lyY2xlIiAvPgogICAgPC9hLXRvb2x0aXA+CiAgICA8YS10b29sdGlwIHRpdGxlPSIzIGRvbmUgLyAzIGluIHByb2dyZXNzIC8gNCB0byBkbyI+CiAgICAgIDxhLXByb2dyZXNzIDpwZXJjZW50PSI2MCIgOnN1Y2Nlc3MtcGVyY2VudD0iMzAiIHR5cGU9ImRhc2hib2FyZCIgLz4KICAgIDwvYS10b29sdGlwPgogIDwvZGl2Pgo8L3RlbXBsYXRlPg=="}},{default:o(()=>[n("div",null,[a(p,{title:"3 done / 3 in progress / 4 to do"},{default:o(()=>[a(e,{percent:60,"success-percent":30})]),_:1}),a(p,{title:"3 done / 3 in progress / 4 to do"},{default:o(()=>[a(e,{percent:60,"success-percent":30,type:"circle"})]),_:1}),a(p,{title:"3 done / 3 in progress / 4 to do"},{default:o(()=>[a(e,{percent:60,"success-percent":30,type:"dashboard"})]),_:1})])]),htmlCode:o(()=>s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tooltip")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("3 done / 3 in progress / 4 to do"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("60"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":success-percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("30"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tooltip")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tooltip")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("3 done / 3 in progress / 4 to do"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("60"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":success-percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("30"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tooltip")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tooltip")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("3 done / 3 in progress / 4 to do"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("60"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":success-percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("30"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashboard"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tooltip")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tooltip")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("3 done / 3 in progress / 4 to do"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("60"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":success-percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("30"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tooltip")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tooltip")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("3 done / 3 in progress / 4 to do"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("60"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":success-percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("30"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tooltip")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tooltip")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("3 done / 3 in progress / 4 to do"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("60"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":success-percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("30"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashboard"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tooltip")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var ln=u(cn,[["render",pn]]);const un={};function rn(l,s){const e=c("a-progress"),p=c("demo-box");return r(),i(p,{jsfiddle:{us:'By setting `strokeLinecap="square"`, you can change the linecaps from round to square.',cn:'`strokeLinecap="square|round"` \u53EF\u4EE5\u8C03\u6574\u8FDB\u5EA6\u6761\u8FB9\u7F18\u7684\u5F62\u72B6\u3002',docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p><code>strokeLinecap=&quot;square|round&quot;</code> \u53EF\u4EE5\u8C03\u6574\u8FDB\u5EA6\u6761\u8FB9\u7F18\u7684\u5F62\u72B6\u3002</p>
<h2 id="en-us">en-US</h2>
<p>By setting <code>strokeLinecap=&quot;square&quot;</code>, you can change the linecaps from round to square.</p>
`,order:9,title:{"zh-CN":"\u5706\u89D2/\u65B9\u89D2\u8FB9\u7F18","en-US":"Square linecaps"},relativePath:"src/docs/progress/demo/linecap.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiA6cGVyY2VudD0iNzUiIC8+CiAgICA8YS1wcm9ncmVzcyBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiA6cGVyY2VudD0iNzUiIHR5cGU9ImNpcmNsZSIgLz4KICAgIDxhLXByb2dyZXNzIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIDpwZXJjZW50PSI3NSIgdHlwZT0iZGFzaGJvYXJkIiAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiA6cGVyY2VudD0iNzUiIC8+CiAgICA8YS1wcm9ncmVzcyBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiA6cGVyY2VudD0iNzUiIHR5cGU9ImNpcmNsZSIgLz4KICAgIDxhLXByb2dyZXNzIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIDpwZXJjZW50PSI3NSIgdHlwZT0iZGFzaGJvYXJkIiAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPg=="}},{default:o(()=>[n("div",null,[a(e,{"stroke-linecap":"square",percent:75}),a(e,{"stroke-linecap":"square",percent:75,type:"circle"}),a(e,{"stroke-linecap":"square",percent:75,type:"dashboard"})])]),htmlCode:o(()=>s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"stroke-linecap"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("square"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("75"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"stroke-linecap"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("square"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("75"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"stroke-linecap"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("square"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("75"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashboard"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"stroke-linecap"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("square"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("75"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"stroke-linecap"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("square"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("75"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},"stroke-linecap"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("square"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("75"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashboard"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var kn=u(un,[["render",rn]]);const dn={};function gn(l,s){const e=c("a-progress"),p=c("demo-box");return r(),i(p,{jsfiddle:{us:"A package of `linear-gradient`. It is recommended to only pass two colors.",cn:"`linear-gradient` \u7684\u5C01\u88C5\u3002\u63A8\u8350\u53EA\u4F20\u4E24\u79CD\u989C\u8272\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p><code>linear-gradient</code> \u7684\u5C01\u88C5\u3002\u63A8\u8350\u53EA\u4F20\u4E24\u79CD\u989C\u8272\u3002</p>
<h2 id="en-us">en-US</h2>
<p>A package of <code>linear-gradient</code>. It is recommended to only pass two colors.</p>
`,order:10,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u8FDB\u5EA6\u6761\u6E10\u53D8\u8272","en-US":"Custom line gradient"},relativePath:"src/docs/progress/demo/gradient-line.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcwogICAgICA6c3Ryb2tlLWNvbG9yPSJ7CiAgICAgICAgJzAlJzogJyMxMDhlZTknLAogICAgICAgICcxMDAlJzogJyM4N2QwNjgnLAogICAgICB9IgogICAgICA6cGVyY2VudD0iOTkuOSIKICAgIC8+CiAgICA8YS1wcm9ncmVzcwogICAgICA6c3Ryb2tlLWNvbG9yPSJ7CiAgICAgICAgZnJvbTogJyMxMDhlZTknLAogICAgICAgIHRvOiAnIzg3ZDA2OCcsCiAgICAgIH0iCiAgICAgIDpwZXJjZW50PSI5OS45IgogICAgICBzdGF0dXM9ImFjdGl2ZSIKICAgIC8+CiAgICA8YS1wcm9ncmVzcwogICAgICB0eXBlPSJjaXJjbGUiCiAgICAgIDpzdHJva2UtY29sb3I9InsKICAgICAgICAnMCUnOiAnIzEwOGVlOScsCiAgICAgICAgJzEwMCUnOiAnIzg3ZDA2OCcsCiAgICAgIH0iCiAgICAgIDpwZXJjZW50PSI5MCIKICAgIC8+CiAgICA8YS1wcm9ncmVzcwogICAgICB0eXBlPSJjaXJjbGUiCiAgICAgIDpzdHJva2UtY29sb3I9InsKICAgICAgICAnMCUnOiAnIzEwOGVlOScsCiAgICAgICAgJzEwMCUnOiAnIzg3ZDA2OCcsCiAgICAgIH0iCiAgICAgIDpwZXJjZW50PSIxMDAiCiAgICAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcwogICAgICA6c3Ryb2tlLWNvbG9yPSJ7CiAgICAgICAgJzAlJzogJyMxMDhlZTknLAogICAgICAgICcxMDAlJzogJyM4N2QwNjgnLAogICAgICB9IgogICAgICA6cGVyY2VudD0iOTkuOSIKICAgIC8+CiAgICA8YS1wcm9ncmVzcwogICAgICA6c3Ryb2tlLWNvbG9yPSJ7CiAgICAgICAgZnJvbTogJyMxMDhlZTknLAogICAgICAgIHRvOiAnIzg3ZDA2OCcsCiAgICAgIH0iCiAgICAgIDpwZXJjZW50PSI5OS45IgogICAgICBzdGF0dXM9ImFjdGl2ZSIKICAgIC8+CiAgICA8YS1wcm9ncmVzcwogICAgICB0eXBlPSJjaXJjbGUiCiAgICAgIDpzdHJva2UtY29sb3I9InsKICAgICAgICAnMCUnOiAnIzEwOGVlOScsCiAgICAgICAgJzEwMCUnOiAnIzg3ZDA2OCcsCiAgICAgIH0iCiAgICAgIDpwZXJjZW50PSI5MCIKICAgIC8+CiAgICA8YS1wcm9ncmVzcwogICAgICB0eXBlPSJjaXJjbGUiCiAgICAgIDpzdHJva2UtY29sb3I9InsKICAgICAgICAnMCUnOiAnIzEwOGVlOScsCiAgICAgICAgJzEwMCUnOiAnIzg3ZDA2OCcsCiAgICAgIH0iCiAgICAgIDpwZXJjZW50PSIxMDAiCiAgICAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPg=="}},{default:o(()=>[n("div",null,[a(e,{"stroke-color":{"0%":"#108ee9","100%":"#87d068"},percent:99.9}),a(e,{"stroke-color":{from:"#108ee9",to:"#87d068"},percent:99.9,status:"active"}),a(e,{type:"circle","stroke-color":{"0%":"#108ee9","100%":"#87d068"},percent:90}),a(e,{type:"circle","stroke-color":{"0%":"#108ee9","100%":"#87d068"},percent:100})])]),htmlCode:o(()=>s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(`
      `),n("span",{class:"token attr-name"},":stroke-color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`{
        '0%': '#108ee9',
        '100%': '#87d068',
      }`),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("99.9"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(`
      `),n("span",{class:"token attr-name"},":stroke-color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`{
        from: '#108ee9',
        to: '#87d068',
      }`),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("99.9"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("active"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(`
      `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":stroke-color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`{
        '0%': '#108ee9',
        '100%': '#87d068',
      }`),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("90"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(`
      `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":stroke-color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`{
        '0%': '#108ee9',
        '100%': '#87d068',
      }`),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("100"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(`
      `),n("span",{class:"token attr-name"},":stroke-color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`{
        '0%': '#108ee9',
        '100%': '#87d068',
      }`),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("99.9"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(`
      `),n("span",{class:"token attr-name"},":stroke-color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`{
        from: '#108ee9',
        to: '#87d068',
      }`),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("99.9"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"status"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("active"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(`
      `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":stroke-color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`{
        '0%': '#108ee9',
        '100%': '#87d068',
      }`),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("90"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(`
      `),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":stroke-color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`{
        '0%': '#108ee9',
        '100%': '#87d068',
      }`),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("100"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var mn=u(dn,[["render",gn]]);const In={};function Cn(l,s){const e=c("a-progress"),p=c("demo-box");return r(),i(p,{jsfiddle:{us:"A progress bar with steps.",cn:"\u5E26\u6B65\u9AA4\u7684\u8FDB\u5EA6\u6761\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u5E26\u6B65\u9AA4\u7684\u8FDB\u5EA6\u6761\u3002</p>
<h2 id="en-us">en-US</h2>
<p>A progress bar with steps.</p>
`,order:12,title:{"zh-CN":"\u6B65\u9AA4\u8FDB\u5EA6\u6761","en-US":"Progress bar with steps"},relativePath:"src/docs/progress/demo/steps.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSI1MCIgOnN0ZXBzPSIzIiAvPgogIDxiciAvPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSIzMCIgOnN0ZXBzPSI1IiAvPgogIDxiciAvPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSIxMDAiIDpzdGVwcz0iNSIgc2l6ZT0ic21hbGwiIHN0cm9rZS1jb2xvcj0iIzUyYzQxYSIgLz4KPC90ZW1wbGF0ZT4KCgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSI1MCIgOnN0ZXBzPSIzIiAvPgogIDxiciAvPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSIzMCIgOnN0ZXBzPSI1IiAvPgogIDxiciAvPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSIxMDAiIDpzdGVwcz0iNSIgc2l6ZT0ic21hbGwiIHN0cm9rZS1jb2xvcj0iIzUyYzQxYSIgLz4KPC90ZW1wbGF0ZT4="}},{default:o(()=>[a(e,{percent:50,steps:3}),s[0]||(s[0]=n("br",null,null,-1)),a(e,{percent:30,steps:5}),s[1]||(s[1]=n("br",null,null,-1)),a(e,{percent:100,steps:5,size:"small","stroke-color":"#52c41a"})]),htmlCode:o(()=>s[2]||(s[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("50"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":steps"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("3"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("30"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":steps"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("5"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("100"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":steps"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("5"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"stroke-color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("#52c41a"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:o(()=>s[3]||(s[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("50"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":steps"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("3"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("30"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":steps"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("5"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("100"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":steps"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("5"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"stroke-color"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("#52c41a"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var bn=u(In,[["render",Cn]]);const hn={pageData:{title:"Progress",description:"",frontmatter:{category:"Components",type:"\u53CD\u9988",title:"Progress",subtitle:"\u8FDB\u5EA6\u6761",cover:"https://gw.alipayobjects.com/zos/alicdn/xqsDu4ZyR/Progress.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:"\u5728\u64CD\u4F5C\u9700\u8981\u8F83\u957F\u65F6\u95F4\u624D\u80FD\u5B8C\u6210\u65F6\uFF0C\u4E3A\u7528\u6237\u663E\u793A\u8BE5\u64CD\u4F5C\u7684\u5F53\u524D\u8FDB\u5EA6\u548C\u72B6\u6001\u3002"},{level:2,title:"API",slug:"api",content:"\u5404\u7C7B\u578B\u5171\u7528\u7684\u5C5E\u6027\u3002"},{level:3,title:'type="line"',slug:"type-line",content:""},{level:3,title:'type="circle"',slug:"type-circle",content:""},{level:3,title:'type="dashboard"',slug:"type-dashboard",content:""}],relativePath:"src/docs/progress/index.zh-CN.md",content:`
\u5C55\u793A\u64CD\u4F5C\u7684\u5F53\u524D\u8FDB\u5EA6\u3002

## \u4F55\u65F6\u4F7F\u7528

\u5728\u64CD\u4F5C\u9700\u8981\u8F83\u957F\u65F6\u95F4\u624D\u80FD\u5B8C\u6210\u65F6\uFF0C\u4E3A\u7528\u6237\u663E\u793A\u8BE5\u64CD\u4F5C\u7684\u5F53\u524D\u8FDB\u5EA6\u548C\u72B6\u6001\u3002

- \u5F53\u4E00\u4E2A\u64CD\u4F5C\u4F1A\u6253\u65AD\u5F53\u524D\u754C\u9762\uFF0C\u6216\u8005\u9700\u8981\u5728\u540E\u53F0\u8FD0\u884C\uFF0C\u4E14\u8017\u65F6\u53EF\u80FD\u8D85\u8FC7 2 \u79D2\u65F6\uFF1B
- \u5F53\u9700\u8981\u663E\u793A\u4E00\u4E2A\u64CD\u4F5C\u5B8C\u6210\u7684\u767E\u5206\u6BD4\u65F6\u3002

## API

\u5404\u7C7B\u578B\u5171\u7528\u7684\u5C5E\u6027\u3002

| \u5C5E\u6027 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
| --- | --- | --- | --- |
| format | \u5185\u5BB9\u7684\u6A21\u677F\u51FD\u6570 | function(percent, successPercent) | (percent) =&gt; percent + \`%\` |
| percent | \u767E\u5206\u6BD4 | number | 0 |
| showInfo | \u662F\u5426\u663E\u793A\u8FDB\u5EA6\u6570\u503C\u6216\u72B6\u6001\u56FE\u6807 | boolean | true |
| status | \u72B6\u6001\uFF0C\u53EF\u9009\uFF1A\`success\` \`exception\` \`normal\` \`active\`(\u4EC5\u9650 line) | string | - |
| strokeColor | \u8FDB\u5EA6\u6761\u7684\u8272\u5F69 | string | - |
| strokeLinecap | \u8FDB\u5EA6\u6761\u7684\u6837\u5F0F | \`round\` \\| \`square\` | \`round\` |
| success | \u6210\u529F\u8FDB\u5EA6\u6761\u76F8\u5173\u914D\u7F6E | { percent: number, strokeColor: string } | - |
| trailColor | \u672A\u5B8C\u6210\u7684\u5206\u6BB5\u7684\u989C\u8272 | string | - |
| type | \u7C7B\u578B\uFF0C\u53EF\u9009 \`line\` \`circle\` \`dashboard\` | string | \`line\` |

### \`type=&quot;line&quot;\`

| \u5C5E\u6027 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
| --- | --- | --- | --- |
| steps | \u8FDB\u5EA6\u6761\u603B\u5171\u6B65\u6570 | number | - |
| strokeColor | \u8FDB\u5EA6\u6761\u7684\u8272\u5F69\uFF0C\u4F20\u5165 object \u65F6\u4E3A\u6E10\u53D8 | string \\| { from: string; to: string; direction: string } | - |
| strokeWidth | \u8FDB\u5EA6\u6761\u7EBF\u7684\u5BBD\u5EA6\uFF0C\u5355\u4F4D px | number | 10 |

### \`type=&quot;circle&quot;\`

| \u5C5E\u6027        | \u8BF4\u660E                                             | \u7C7B\u578B             | \u9ED8\u8BA4\u503C |
| ----------- | ------------------------------------------------ | ---------------- | ------ |
| strokeColor | \u5706\u5F62\u8FDB\u5EA6\u6761\u7EBF\u7684\u8272\u5F69\uFF0C\u4F20\u5165 object \u65F6\u4E3A\u6E10\u53D8         | string \\| object | -      |
| strokeWidth | \u5706\u5F62\u8FDB\u5EA6\u6761\u7EBF\u7684\u5BBD\u5EA6\uFF0C\u5355\u4F4D\u662F\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\u7684\u767E\u5206\u6BD4 | number           | 6      |
| width       | \u5706\u5F62\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\uFF0C\u5355\u4F4D px                      | number           | 132    |

### \`type=&quot;dashboard&quot;\`

| \u5C5E\u6027 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
| --- | --- | --- | --- |
| gapDegree | \u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u7F3A\u53E3\u89D2\u5EA6\uFF0C\u53EF\u53D6\u503C 0 ~ 295 | number | 75 |
| gapPosition | \u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u7F3A\u53E3\u4F4D\u7F6E | \`top\` \\| \`bottom\` \\| \`left\` \\| \`right\` | \`bottom\` |
| strokeWidth | \u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u7EBF\u7684\u5BBD\u5EA6\uFF0C\u5355\u4F4D\u662F\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\u7684\u767E\u5206\u6BD4 | number | 6 |
| width | \u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\uFF0C\u5355\u4F4D px | number | 132 |
`,html:`<p>\u5C55\u793A\u64CD\u4F5C\u7684\u5F53\u524D\u8FDB\u5EA6\u3002</p>
<h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2>
<p>\u5728\u64CD\u4F5C\u9700\u8981\u8F83\u957F\u65F6\u95F4\u624D\u80FD\u5B8C\u6210\u65F6\uFF0C\u4E3A\u7528\u6237\u663E\u793A\u8BE5\u64CD\u4F5C\u7684\u5F53\u524D\u8FDB\u5EA6\u548C\u72B6\u6001\u3002</p>
<ul>
<li>\u5F53\u4E00\u4E2A\u64CD\u4F5C\u4F1A\u6253\u65AD\u5F53\u524D\u754C\u9762\uFF0C\u6216\u8005\u9700\u8981\u5728\u540E\u53F0\u8FD0\u884C\uFF0C\u4E14\u8017\u65F6\u53EF\u80FD\u8D85\u8FC7 2 \u79D2\u65F6\uFF1B</li>
<li>\u5F53\u9700\u8981\u663E\u793A\u4E00\u4E2A\u64CD\u4F5C\u5B8C\u6210\u7684\u767E\u5206\u6BD4\u65F6\u3002</li>
</ul>
<h2 id="api">API</h2>
<p>\u5404\u7C7B\u578B\u5171\u7528\u7684\u5C5E\u6027\u3002</p>
<table>
<thead>
<tr>
<th>\u5C5E\u6027</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
</tr>
</thead>
<tbody>
<tr>
<td>format</td>
<td>\u5185\u5BB9\u7684\u6A21\u677F\u51FD\u6570</td>
<td>function(percent, successPercent)</td>
<td>(percent) =&gt; percent + <code>%</code></td>
</tr>
<tr>
<td>percent</td>
<td>\u767E\u5206\u6BD4</td>
<td>number</td>
<td>0</td>
</tr>
<tr>
<td>showInfo</td>
<td>\u662F\u5426\u663E\u793A\u8FDB\u5EA6\u6570\u503C\u6216\u72B6\u6001\u56FE\u6807</td>
<td>boolean</td>
<td>true</td>
</tr>
<tr>
<td>status</td>
<td>\u72B6\u6001\uFF0C\u53EF\u9009\uFF1A<code>success</code> <code>exception</code> <code>normal</code> <code>active</code>(\u4EC5\u9650 line)</td>
<td>string</td>
<td>-</td>
</tr>
<tr>
<td>strokeColor</td>
<td>\u8FDB\u5EA6\u6761\u7684\u8272\u5F69</td>
<td>string</td>
<td>-</td>
</tr>
<tr>
<td>strokeLinecap</td>
<td>\u8FDB\u5EA6\u6761\u7684\u6837\u5F0F</td>
<td><code>round</code> | <code>square</code></td>
<td><code>round</code></td>
</tr>
<tr>
<td>success</td>
<td>\u6210\u529F\u8FDB\u5EA6\u6761\u76F8\u5173\u914D\u7F6E</td>
<td>{ percent: number, strokeColor: string }</td>
<td>-</td>
</tr>
<tr>
<td>trailColor</td>
<td>\u672A\u5B8C\u6210\u7684\u5206\u6BB5\u7684\u989C\u8272</td>
<td>string</td>
<td>-</td>
</tr>
<tr>
<td>type</td>
<td>\u7C7B\u578B\uFF0C\u53EF\u9009 <code>line</code> <code>circle</code> <code>dashboard</code></td>
<td>string</td>
<td><code>line</code></td>
</tr>
</tbody>
</table>
<h3 id="type-line"><code>type=&quot;line&quot;</code></h3>
<table>
<thead>
<tr>
<th>\u5C5E\u6027</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
</tr>
</thead>
<tbody>
<tr>
<td>steps</td>
<td>\u8FDB\u5EA6\u6761\u603B\u5171\u6B65\u6570</td>
<td>number</td>
<td>-</td>
</tr>
<tr>
<td>strokeColor</td>
<td>\u8FDB\u5EA6\u6761\u7684\u8272\u5F69\uFF0C\u4F20\u5165 object \u65F6\u4E3A\u6E10\u53D8</td>
<td>string | { from: string; to: string; direction: string }</td>
<td>-</td>
</tr>
<tr>
<td>strokeWidth</td>
<td>\u8FDB\u5EA6\u6761\u7EBF\u7684\u5BBD\u5EA6\uFF0C\u5355\u4F4D px</td>
<td>number</td>
<td>10</td>
</tr>
</tbody>
</table>
<h3 id="type-circle"><code>type=&quot;circle&quot;</code></h3>
<table>
<thead>
<tr>
<th>\u5C5E\u6027</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
</tr>
</thead>
<tbody>
<tr>
<td>strokeColor</td>
<td>\u5706\u5F62\u8FDB\u5EA6\u6761\u7EBF\u7684\u8272\u5F69\uFF0C\u4F20\u5165 object \u65F6\u4E3A\u6E10\u53D8</td>
<td>string | object</td>
<td>-</td>
</tr>
<tr>
<td>strokeWidth</td>
<td>\u5706\u5F62\u8FDB\u5EA6\u6761\u7EBF\u7684\u5BBD\u5EA6\uFF0C\u5355\u4F4D\u662F\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\u7684\u767E\u5206\u6BD4</td>
<td>number</td>
<td>6</td>
</tr>
<tr>
<td>width</td>
<td>\u5706\u5F62\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\uFF0C\u5355\u4F4D px</td>
<td>number</td>
<td>132</td>
</tr>
</tbody>
</table>
<h3 id="type-dashboard"><code>type=&quot;dashboard&quot;</code></h3>
<table>
<thead>
<tr>
<th>\u5C5E\u6027</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
</tr>
</thead>
<tbody>
<tr>
<td>gapDegree</td>
<td>\u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u7F3A\u53E3\u89D2\u5EA6\uFF0C\u53EF\u53D6\u503C 0 ~ 295</td>
<td>number</td>
<td>75</td>
</tr>
<tr>
<td>gapPosition</td>
<td>\u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u7F3A\u53E3\u4F4D\u7F6E</td>
<td><code>top</code> | <code>bottom</code> | <code>left</code> | <code>right</code></td>
<td><code>bottom</code></td>
</tr>
<tr>
<td>strokeWidth</td>
<td>\u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u7EBF\u7684\u5BBD\u5EA6\uFF0C\u5355\u4F4D\u662F\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\u7684\u767E\u5206\u6BD4</td>
<td>number</td>
<td>6</td>
</tr>
<tr>
<td>width</td>
<td>\u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\uFF0C\u5355\u4F4D px</td>
<td>number</td>
<td>132</td>
</tr>
</tbody>
</table>
`,lastUpdated:1748059052726}},An={class:"markdown"};function vn(l,s,e,p,k,h){return r(),Z("article",An,s[0]||(s[0]=[w('<p>\u5C55\u793A\u64CD\u4F5C\u7684\u5F53\u524D\u8FDB\u5EA6\u3002</p><h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2><p>\u5728\u64CD\u4F5C\u9700\u8981\u8F83\u957F\u65F6\u95F4\u624D\u80FD\u5B8C\u6210\u65F6\uFF0C\u4E3A\u7528\u6237\u663E\u793A\u8BE5\u64CD\u4F5C\u7684\u5F53\u524D\u8FDB\u5EA6\u548C\u72B6\u6001\u3002</p><ul><li>\u5F53\u4E00\u4E2A\u64CD\u4F5C\u4F1A\u6253\u65AD\u5F53\u524D\u754C\u9762\uFF0C\u6216\u8005\u9700\u8981\u5728\u540E\u53F0\u8FD0\u884C\uFF0C\u4E14\u8017\u65F6\u53EF\u80FD\u8D85\u8FC7 2 \u79D2\u65F6\uFF1B</li><li>\u5F53\u9700\u8981\u663E\u793A\u4E00\u4E2A\u64CD\u4F5C\u5B8C\u6210\u7684\u767E\u5206\u6BD4\u65F6\u3002</li></ul><h2 id="api">API</h2><p>\u5404\u7C7B\u578B\u5171\u7528\u7684\u5C5E\u6027\u3002</p><table><thead><tr><th>\u5C5E\u6027</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>format</td><td>\u5185\u5BB9\u7684\u6A21\u677F\u51FD\u6570</td><td>function(percent, successPercent)</td><td>(percent) =&gt; percent + <code>%</code></td></tr><tr><td>percent</td><td>\u767E\u5206\u6BD4</td><td>number</td><td>0</td></tr><tr><td>showInfo</td><td>\u662F\u5426\u663E\u793A\u8FDB\u5EA6\u6570\u503C\u6216\u72B6\u6001\u56FE\u6807</td><td>boolean</td><td>true</td></tr><tr><td>status</td><td>\u72B6\u6001\uFF0C\u53EF\u9009\uFF1A<code>success</code> <code>exception</code> <code>normal</code> <code>active</code>(\u4EC5\u9650 line)</td><td>string</td><td>-</td></tr><tr><td>strokeColor</td><td>\u8FDB\u5EA6\u6761\u7684\u8272\u5F69</td><td>string</td><td>-</td></tr><tr><td>strokeLinecap</td><td>\u8FDB\u5EA6\u6761\u7684\u6837\u5F0F</td><td><code>round</code> | <code>square</code></td><td><code>round</code></td></tr><tr><td>success</td><td>\u6210\u529F\u8FDB\u5EA6\u6761\u76F8\u5173\u914D\u7F6E</td><td>{ percent: number, strokeColor: string }</td><td>-</td></tr><tr><td>trailColor</td><td>\u672A\u5B8C\u6210\u7684\u5206\u6BB5\u7684\u989C\u8272</td><td>string</td><td>-</td></tr><tr><td>type</td><td>\u7C7B\u578B\uFF0C\u53EF\u9009 <code>line</code> <code>circle</code> <code>dashboard</code></td><td>string</td><td><code>line</code></td></tr></tbody></table><h3 id="type-line"><code>type=&quot;line&quot;</code></h3><table><thead><tr><th>\u5C5E\u6027</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>steps</td><td>\u8FDB\u5EA6\u6761\u603B\u5171\u6B65\u6570</td><td>number</td><td>-</td></tr><tr><td>strokeColor</td><td>\u8FDB\u5EA6\u6761\u7684\u8272\u5F69\uFF0C\u4F20\u5165 object \u65F6\u4E3A\u6E10\u53D8</td><td>string | { from: string; to: string; direction: string }</td><td>-</td></tr><tr><td>strokeWidth</td><td>\u8FDB\u5EA6\u6761\u7EBF\u7684\u5BBD\u5EA6\uFF0C\u5355\u4F4D px</td><td>number</td><td>10</td></tr></tbody></table><h3 id="type-circle"><code>type=&quot;circle&quot;</code></h3><table><thead><tr><th>\u5C5E\u6027</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>strokeColor</td><td>\u5706\u5F62\u8FDB\u5EA6\u6761\u7EBF\u7684\u8272\u5F69\uFF0C\u4F20\u5165 object \u65F6\u4E3A\u6E10\u53D8</td><td>string | object</td><td>-</td></tr><tr><td>strokeWidth</td><td>\u5706\u5F62\u8FDB\u5EA6\u6761\u7EBF\u7684\u5BBD\u5EA6\uFF0C\u5355\u4F4D\u662F\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\u7684\u767E\u5206\u6BD4</td><td>number</td><td>6</td></tr><tr><td>width</td><td>\u5706\u5F62\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\uFF0C\u5355\u4F4D px</td><td>number</td><td>132</td></tr></tbody></table><h3 id="type-dashboard"><code>type=&quot;dashboard&quot;</code></h3><table><thead><tr><th>\u5C5E\u6027</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>gapDegree</td><td>\u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u7F3A\u53E3\u89D2\u5EA6\uFF0C\u53EF\u53D6\u503C 0 ~ 295</td><td>number</td><td>75</td></tr><tr><td>gapPosition</td><td>\u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u7F3A\u53E3\u4F4D\u7F6E</td><td><code>top</code> | <code>bottom</code> | <code>left</code> | <code>right</code></td><td><code>bottom</code></td></tr><tr><td>strokeWidth</td><td>\u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u7EBF\u7684\u5BBD\u5EA6\uFF0C\u5355\u4F4D\u662F\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\u7684\u767E\u5206\u6BD4</td><td>number</td><td>6</td></tr><tr><td>width</td><td>\u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\uFF0C\u5355\u4F4D px</td><td>number</td><td>132</td></tr></tbody></table>',13)]))}var yn=u(hn,[["render",vn]]);const Zn={pageData:{title:"Progress",description:"",frontmatter:{category:"Components",type:"Feedback",title:"Progress",cover:"https://gw.alipayobjects.com/zos/alicdn/xqsDu4ZyR/Progress.svg"},headers:[{level:2,title:"When To Use",slug:"when-to-use",content:"If it will take a long time to complete an operation, you can use `Progress` to show the current progress and status."},{level:2,title:"API",slug:"api",content:"Properties that shared by all types."},{level:3,title:'type="line"',slug:"type-line",content:""},{level:3,title:'type="circle"',slug:"type-circle",content:""},{level:3,title:'type="dashboard"',slug:"type-dashboard",content:""}],relativePath:"src/docs/progress/index.en-US.md",content:"\nDisplay the current progress of an operation flow.\n\n## When To Use\n\nIf it will take a long time to complete an operation, you can use `Progress` to show the current progress and status.\n\n- When an operation will interrupt the current interface, or it needs to run in the background for more than 2 seconds.\n- When you need to display the completion percentage of an operation.\n\n## API\n\nProperties that shared by all types.\n\n| Property | Description | Type | Default |\n| --- | --- | --- | --- |\n| format | The template function of the content | function(percent, successPercent) | (percent) =&gt; percent + `%` |\n| percent | To set the completion percentage | number | 0 |\n| showInfo | Whether to display the progress value and the status icon | boolean | true |\n| status | To set the status of the Progress, options: `success` `exception` `normal` `active`(line only) | string | - |\n| strokeColor | The color of progress bar | string | - |\n| strokeLinecap | To set the style of the progress linecap | `round` \\| `square` | `round` |\n| success | Configs of successfully progress bar | { percent: number, strokeColor: string } | - |\n| trailColor | The color of unfilled part | string | - |\n| type | To set the type, options: `line` `circle` `dashboard` | string | `line` |\n\n### `type=&quot;line&quot;`\n\n| Property | Description | Type | Default |\n| --- | --- | --- | --- |\n| steps | The total step count | number | - |\n| strokeColor | The color of progress bar, render `linear-gradient` when passing an object | string \\| { from: string; to: string; direction: string } | - |\n| strokeWidth | To set the width of the progress bar, unit: `px` | number | 10 |\n\n### `type=&quot;circle&quot;`\n\n| Property | Description | Type | Default |\n| --- | --- | --- | --- |\n| strokeColor | The color of circular progress, render `linear-gradient` when passing an object | string \\| object | - |\n| strokeWidth | To set the width of the circular progress, unit: percentage of the canvas width | number | 6 |\n| width | To set the canvas width of the circular progress, unit: `px` | number | 132 |\n\n### `type=&quot;dashboard&quot;`\n\n| Property | Description | Type | Default |\n| --- | --- | --- | --- |\n| gapDegree | The gap degree of half circle, 0 ~ 295 | number | 75 |\n| gapPosition | The gap position, options: `top` `bottom` `left` `right` | string | `bottom` |\n| strokeWidth | To set the width of the dashboard progress, unit: percentage of the canvas width | number | 6 |\n| width | To set the canvas width of the dashboard progress, unit: `px` | number | 132 |\n",html:`<p>Display the current progress of an operation flow.</p>
<h2 id="when-to-use">When To Use</h2>
<p>If it will take a long time to complete an operation, you can use <code>Progress</code> to show the current progress and status.</p>
<ul>
<li>When an operation will interrupt the current interface, or it needs to run in the background for more than 2 seconds.</li>
<li>When you need to display the completion percentage of an operation.</li>
</ul>
<h2 id="api">API</h2>
<p>Properties that shared by all types.</p>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
</tr>
</thead>
<tbody>
<tr>
<td>format</td>
<td>The template function of the content</td>
<td>function(percent, successPercent)</td>
<td>(percent) =&gt; percent + <code>%</code></td>
</tr>
<tr>
<td>percent</td>
<td>To set the completion percentage</td>
<td>number</td>
<td>0</td>
</tr>
<tr>
<td>showInfo</td>
<td>Whether to display the progress value and the status icon</td>
<td>boolean</td>
<td>true</td>
</tr>
<tr>
<td>status</td>
<td>To set the status of the Progress, options: <code>success</code> <code>exception</code> <code>normal</code> <code>active</code>(line only)</td>
<td>string</td>
<td>-</td>
</tr>
<tr>
<td>strokeColor</td>
<td>The color of progress bar</td>
<td>string</td>
<td>-</td>
</tr>
<tr>
<td>strokeLinecap</td>
<td>To set the style of the progress linecap</td>
<td><code>round</code> | <code>square</code></td>
<td><code>round</code></td>
</tr>
<tr>
<td>success</td>
<td>Configs of successfully progress bar</td>
<td>{ percent: number, strokeColor: string }</td>
<td>-</td>
</tr>
<tr>
<td>trailColor</td>
<td>The color of unfilled part</td>
<td>string</td>
<td>-</td>
</tr>
<tr>
<td>type</td>
<td>To set the type, options: <code>line</code> <code>circle</code> <code>dashboard</code></td>
<td>string</td>
<td><code>line</code></td>
</tr>
</tbody>
</table>
<h3 id="type-line"><code>type=&quot;line&quot;</code></h3>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
</tr>
</thead>
<tbody>
<tr>
<td>steps</td>
<td>The total step count</td>
<td>number</td>
<td>-</td>
</tr>
<tr>
<td>strokeColor</td>
<td>The color of progress bar, render <code>linear-gradient</code> when passing an object</td>
<td>string | { from: string; to: string; direction: string }</td>
<td>-</td>
</tr>
<tr>
<td>strokeWidth</td>
<td>To set the width of the progress bar, unit: <code>px</code></td>
<td>number</td>
<td>10</td>
</tr>
</tbody>
</table>
<h3 id="type-circle"><code>type=&quot;circle&quot;</code></h3>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
</tr>
</thead>
<tbody>
<tr>
<td>strokeColor</td>
<td>The color of circular progress, render <code>linear-gradient</code> when passing an object</td>
<td>string | object</td>
<td>-</td>
</tr>
<tr>
<td>strokeWidth</td>
<td>To set the width of the circular progress, unit: percentage of the canvas width</td>
<td>number</td>
<td>6</td>
</tr>
<tr>
<td>width</td>
<td>To set the canvas width of the circular progress, unit: <code>px</code></td>
<td>number</td>
<td>132</td>
</tr>
</tbody>
</table>
<h3 id="type-dashboard"><code>type=&quot;dashboard&quot;</code></h3>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
</tr>
</thead>
<tbody>
<tr>
<td>gapDegree</td>
<td>The gap degree of half circle, 0 ~ 295</td>
<td>number</td>
<td>75</td>
</tr>
<tr>
<td>gapPosition</td>
<td>The gap position, options: <code>top</code> <code>bottom</code> <code>left</code> <code>right</code></td>
<td>string</td>
<td><code>bottom</code></td>
</tr>
<tr>
<td>strokeWidth</td>
<td>To set the width of the dashboard progress, unit: percentage of the canvas width</td>
<td>number</td>
<td>6</td>
</tr>
<tr>
<td>width</td>
<td>To set the canvas width of the dashboard progress, unit: <code>px</code></td>
<td>number</td>
<td>132</td>
</tr>
</tbody>
</table>
`,lastUpdated:1748059052726}},wn={class:"markdown"};function Pn(l,s,e,p,k,h){return r(),Z("article",wn,s[0]||(s[0]=[w('<p>Display the current progress of an operation flow.</p><h2 id="when-to-use">When To Use</h2><p>If it will take a long time to complete an operation, you can use <code>Progress</code> to show the current progress and status.</p><ul><li>When an operation will interrupt the current interface, or it needs to run in the background for more than 2 seconds.</li><li>When you need to display the completion percentage of an operation.</li></ul><h2 id="api">API</h2><p>Properties that shared by all types.</p><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>format</td><td>The template function of the content</td><td>function(percent, successPercent)</td><td>(percent) =&gt; percent + <code>%</code></td></tr><tr><td>percent</td><td>To set the completion percentage</td><td>number</td><td>0</td></tr><tr><td>showInfo</td><td>Whether to display the progress value and the status icon</td><td>boolean</td><td>true</td></tr><tr><td>status</td><td>To set the status of the Progress, options: <code>success</code> <code>exception</code> <code>normal</code> <code>active</code>(line only)</td><td>string</td><td>-</td></tr><tr><td>strokeColor</td><td>The color of progress bar</td><td>string</td><td>-</td></tr><tr><td>strokeLinecap</td><td>To set the style of the progress linecap</td><td><code>round</code> | <code>square</code></td><td><code>round</code></td></tr><tr><td>success</td><td>Configs of successfully progress bar</td><td>{ percent: number, strokeColor: string }</td><td>-</td></tr><tr><td>trailColor</td><td>The color of unfilled part</td><td>string</td><td>-</td></tr><tr><td>type</td><td>To set the type, options: <code>line</code> <code>circle</code> <code>dashboard</code></td><td>string</td><td><code>line</code></td></tr></tbody></table><h3 id="type-line"><code>type=&quot;line&quot;</code></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>steps</td><td>The total step count</td><td>number</td><td>-</td></tr><tr><td>strokeColor</td><td>The color of progress bar, render <code>linear-gradient</code> when passing an object</td><td>string | { from: string; to: string; direction: string }</td><td>-</td></tr><tr><td>strokeWidth</td><td>To set the width of the progress bar, unit: <code>px</code></td><td>number</td><td>10</td></tr></tbody></table><h3 id="type-circle"><code>type=&quot;circle&quot;</code></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>strokeColor</td><td>The color of circular progress, render <code>linear-gradient</code> when passing an object</td><td>string | object</td><td>-</td></tr><tr><td>strokeWidth</td><td>To set the width of the circular progress, unit: percentage of the canvas width</td><td>number</td><td>6</td></tr><tr><td>width</td><td>To set the canvas width of the circular progress, unit: <code>px</code></td><td>number</td><td>132</td></tr></tbody></table><h3 id="type-dashboard"><code>type=&quot;dashboard&quot;</code></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>gapDegree</td><td>The gap degree of half circle, 0 ~ 295</td><td>number</td><td>75</td></tr><tr><td>gapPosition</td><td>The gap position, options: <code>top</code> <code>bottom</code> <code>left</code> <code>right</code></td><td>string</td><td><code>bottom</code></td></tr><tr><td>strokeWidth</td><td>To set the width of the dashboard progress, unit: percentage of the canvas width</td><td>number</td><td>6</td></tr><tr><td>width</td><td>To set the canvas width of the dashboard progress, unit: <code>px</code></td><td>number</td><td>132</td></tr></tbody></table>',13)]))}var Xn=u(Zn,[["render",Pn]]);const fn=A({CN:yn,US:Xn,components:{LineDemo:S,CircleDemo:j,LineMini:J,CircleMini:M,Dynamic:O,CircleDynamic:$,Format:sn,Dashboard:on,Segment:ln,LineCap:kn,GradientLine:mn,Steps:bn},setup(){return{}}});function Gn(l,s,e,p,k,h){const g=c("line-demo"),m=c("circle-demo"),d=c("line-mini"),I=c("circle-mini"),C=c("dynamic"),b=c("circle-dynamic"),X=c("format"),f=c("dashboard"),G=c("segment"),D=c("line-cap"),B=c("gradient-line"),z=c("steps"),Y=c("demo-sort");return r(),i(Y,null,{default:o(()=>[a(g),a(m),a(d),a(I),a(C),a(b),a(X),a(f),a(G),a(D),a(B),a(z)]),_:1})}var zn=u(fn,[["render",Gn]]);export{zn as default};