import{_ as u,l as i,w as o,j as c,k as r,f as s,b as n,e as t,d as A,P as v,r as y,t as Y,a as f,q as w}from"./index.3fe853a6.js";import{M as P}from"./MinusOutlined.aa94c9ae.js";const V={};function S(l,a){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:`

zh-CN

\u6807\u51C6\u7684\u8FDB\u5EA6\u6761\u3002

en-US

A standard progress bar.

`,order:0,title:{"zh-CN":"\u8FDB\u5EA6\u6761","en-US":"Progress bar"},relativePath:"components/progress/demo/line.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSIzMCIgLz4KICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iNTAiIHN0YXR1cz0iYWN0aXZlIiAvPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSI3MCIgc3RhdHVzPSJleGNlcHRpb24iIC8+CiAgPGEtcHJvZ3Jlc3MgOnBlcmNlbnQ9IjEwMCIgLz4KICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iNTAiIDpzaG93LWluZm89ImZhbHNlIiAvPgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSIzMCIgLz4KICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iNTAiIHN0YXR1cz0iYWN0aXZlIiAvPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSI3MCIgc3RhdHVzPSJleGNlcHRpb24iIC8+CiAgPGEtcHJvZ3Jlc3MgOnBlcmNlbnQ9IjEwMCIgLz4KICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iNTAiIDpzaG93LWluZm89ImZhbHNlIiAvPgo8L3RlbXBsYXRlPg=="}},{default:o(()=>[s(e,{percent:30}),s(e,{percent:50,status:"active"}),s(e,{percent:70,status:"exception"}),s(e,{percent:100}),s(e,{percent:50,"show-info":!1})]),htmlCode:o(()=>a[0]||(a[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(` `)])],-1)])),jsVersionHtml:o(()=>a[1]||(a[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(` `)])],-1)])),_:1})}const q=u(V,[["render",S]]),x={};function W(l,a){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:`

zh-CN

\u5708\u5F62\u7684\u8FDB\u5EA6\u3002

en-US

A circular progress bar.

`,order:1,title:{"zh-CN":"\u8FDB\u5EA6\u5708","en-US":"Circular progress bar"},relativePath:"components/progress/demo/circle.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9Ijc1IiAvPgogIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9IjcwIiBzdGF0dXM9ImV4Y2VwdGlvbiIgLz4KICA8YS1wcm9ncmVzcyB0eXBlPSJjaXJjbGUiIDpwZXJjZW50PSIxMDAiIC8+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9Ijc1IiAvPgogIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9IjcwIiBzdGF0dXM9ImV4Y2VwdGlvbiIgLz4KICA8YS1wcm9ncmVzcyB0eXBlPSJjaXJjbGUiIDpwZXJjZW50PSIxMDAiIC8+CjwvdGVtcGxhdGU+"}},{default:o(()=>[s(e,{type:"circle",percent:75}),s(e,{type:"circle",percent:70,status:"exception"}),s(e,{type:"circle",percent:100})]),htmlCode:o(()=>a[0]||(a[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(` `)])],-1)])),jsVersionHtml:o(()=>a[1]||(a[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(` `)])],-1)])),_:1})}const j=u(x,[["render",W]]),H={},_={style:{width:"170px"}};function R(l,a){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:`

zh-CN

\u9002\u5408\u653E\u5728\u8F83\u72ED\u7A84\u7684\u533A\u57DF\u5185\u3002

en-US

Appropriate for a narrow area.

`,order:2,title:{"zh-CN":"\u5C0F\u578B\u8FDB\u5EA6\u6761","en-US":"Mini size progress bar"},relativePath:"components/progress/demo/line-mini.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXYgc3R5bGU9IndpZHRoOiAxNzBweCI+CiAgICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iMzAiIHNpemU9InNtYWxsIiAvPgogICAgPGEtcHJvZ3Jlc3MgOnBlcmNlbnQ9IjUwIiBzaXplPSJzbWFsbCIgc3RhdHVzPSJhY3RpdmUiIC8+CiAgICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iNzAiIHNpemU9InNtYWxsIiBzdGF0dXM9ImV4Y2VwdGlvbiIgLz4KICAgIDxhLXByb2dyZXNzIDpwZXJjZW50PSIxMDAiIHNpemU9InNtYWxsIiAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXYgc3R5bGU9IndpZHRoOiAxNzBweCI+CiAgICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iMzAiIHNpemU9InNtYWxsIiAvPgogICAgPGEtcHJvZ3Jlc3MgOnBlcmNlbnQ9IjUwIiBzaXplPSJzbWFsbCIgc3RhdHVzPSJhY3RpdmUiIC8+CiAgICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iNzAiIHNpemU9InNtYWxsIiBzdGF0dXM9ImV4Y2VwdGlvbiIgLz4KICAgIDxhLXByb2dyZXNzIDpwZXJjZW50PSIxMDAiIHNpemU9InNtYWxsIiAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPg=="}},{default:o(()=>[n("div",_,[s(e,{percent:30,size:"small"}),s(e,{percent:50,size:"small",status:"active"}),s(e,{percent:70,size:"small",status:"exception"}),s(e,{percent:100,size:"small"})])]),htmlCode:o(()=>a[0]||(a[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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `)])],-1)])),jsVersionHtml:o(()=>a[1]||(a[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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `)])],-1)])),_:1})}const J=u(H,[["render",R]]),U={};function L(l,a){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:`

zh-CN

\u5C0F\u4E00\u53F7\u7684\u5708\u5F62\u8FDB\u5EA6\u3002

en-US

A smaller circular progress bar.

`,order:3,title:{"zh-CN":"\u5C0F\u578B\u8FDB\u5EA6\u5708","en-US":"Mini size circular progress bar"},relativePath:"components/progress/demo/circle-mini.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9IjMwIiA6d2lkdGg9IjgwIiAvPgogIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9IjcwIiA6d2lkdGg9IjgwIiBzdGF0dXM9ImV4Y2VwdGlvbiIgLz4KICA8YS1wcm9ncmVzcyB0eXBlPSJjaXJjbGUiIDpwZXJjZW50PSIxMDAiIDp3aWR0aD0iODAiIC8+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9IjMwIiA6d2lkdGg9IjgwIiAvPgogIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9IjcwIiA6d2lkdGg9IjgwIiBzdGF0dXM9ImV4Y2VwdGlvbiIgLz4KICA8YS1wcm9ncmVzcyB0eXBlPSJjaXJjbGUiIDpwZXJjZW50PSIxMDAiIDp3aWR0aD0iODAiIC8+CjwvdGVtcGxhdGU+"}},{default:o(()=>[s(e,{type:"circle",percent:30,width:80}),s(e,{type:"circle",percent:70,width:80,status:"exception"}),s(e,{type:"circle",percent:100,width:80})]),htmlCode:o(()=>a[0]||(a[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(` `)])],-1)])),jsVersionHtml:o(()=>a[1]||(a[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(` `)])],-1)])),_:1})}const T=u(U,[["render",L]]),K=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 M(l,a,e,p,k,b){const g=c("a-progress"),m=c("minus-outlined"),d=c("a-button"),h=c("plus-outlined"),I=c("a-button-group"),C=c("demo-box");return r(),i(C,{jsfiddle:{us:"A dynamic progress bar is better.",cn:"\u4F1A\u52A8\u7684\u8FDB\u5EA6\u6761\u624D\u662F\u597D\u8FDB\u5EA6\u6761\u3002",docHtml:`

zh-CN

\u4F1A\u52A8\u7684\u8FDB\u5EA6\u6761\u624D\u662F\u597D\u8FDB\u5EA6\u6761\u3002

en-US

A dynamic progress bar is better.

`,order:4,title:{"zh-CN":"\u52A8\u6001\u5C55\u793A","en-US":"Dynamic"},relativePath:"components/progress/demo/dynamic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iZGVmYXVsdFBlcmNlbnQiIC8+CiAgICA8YS1idXR0b24tZ3JvdXA+CiAgICAgIDxhLWJ1dHRvbiBAY2xpY2s9ImRlY2xpbmUiPgogICAgICAgIDx0ZW1wbGF0ZSAjaWNvbj48bWludXMtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgICA8L2EtYnV0dG9uPgogICAgICA8YS1idXR0b24gQGNsaWNrPSJpbmNyZWFzZSI+CiAgICAgICAgPHRlbXBsYXRlICNpY29uPjxwbHVzLW91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICAgICAgPC9hLWJ1dHRvbj4KICAgIDwvYS1idXR0b24tZ3JvdXA+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBNaW51c091dGxpbmVkLCBQbHVzT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgTWludXNPdXRsaW5lZCwKICAgIFBsdXNPdXRsaW5lZCwKICB9LAogIHNldHVwKCkgewogICAgY29uc3QgZGVmYXVsdFBlcmNlbnQgPSByZWY8bnVtYmVyPigwKTsKCiAgICBjb25zdCBpbmNyZWFzZSA9ICgpID0+IHsKICAgICAgY29uc3QgcGVyY2VudCA9IGRlZmF1bHRQZXJjZW50LnZhbHVlICsgMTA7CiAgICAgIGRlZmF1bHRQZXJjZW50LnZhbHVlID0gcGVyY2VudCA+IDEwMCA/IDEwMCA6IHBlcmNlbnQ7CiAgICB9OwoKICAgIGNvbnN0IGRlY2xpbmUgPSAoKSA9PiB7CiAgICAgIGNvbnN0IHBlcmNlbnQgPSBkZWZhdWx0UGVyY2VudC52YWx1ZSAtIDEwOwogICAgICBkZWZhdWx0UGVyY2VudC52YWx1ZSA9IHBlcmNlbnQgPCAwID8gMCA6IHBlcmNlbnQ7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgZGVmYXVsdFBlcmNlbnQsCiAgICAgIGluY3JlYXNlLAogICAgICBkZWNsaW5lLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iZGVmYXVsdFBlcmNlbnQiIC8+CiAgICA8YS1idXR0b24tZ3JvdXA+CiAgICAgIDxhLWJ1dHRvbiBAY2xpY2s9ImRlY2xpbmUiPgogICAgICAgIDx0ZW1wbGF0ZSAjaWNvbj48bWludXMtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgICA8L2EtYnV0dG9uPgogICAgICA8YS1idXR0b24gQGNsaWNrPSJpbmNyZWFzZSI+CiAgICAgICAgPHRlbXBsYXRlICNpY29uPjxwbHVzLW91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICAgICAgPC9hLWJ1dHRvbj4KICAgIDwvYS1idXR0b24tZ3JvdXA+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IE1pbnVzT3V0bGluZWQsIFBsdXNPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBjb21wb25lbnRzOiB7CiAgICBNaW51c091dGxpbmVkLAogICAgUGx1c091dGxpbmVkLAogIH0sCiAgc2V0dXAoKSB7CiAgICBjb25zdCBkZWZhdWx0UGVyY2VudCA9IHJlZigwKTsKICAgIGNvbnN0IGluY3JlYXNlID0gKCkgPT4gewogICAgICBjb25zdCBwZXJjZW50ID0gZGVmYXVsdFBlcmNlbnQudmFsdWUgKyAxMDsKICAgICAgZGVmYXVsdFBlcmNlbnQudmFsdWUgPSBwZXJjZW50ID4gMTAwID8gMTAwIDogcGVyY2VudDsKICAgIH07CiAgICBjb25zdCBkZWNsaW5lID0gKCkgPT4gewogICAgICBjb25zdCBwZXJjZW50ID0gZGVmYXVsdFBlcmNlbnQudmFsdWUgLSAxMDsKICAgICAgZGVmYXVsdFBlcmNlbnQudmFsdWUgPSBwZXJjZW50IDwgMCA/IDAgOiBwZXJjZW50OwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIGRlZmF1bHRQZXJjZW50LAogICAgICBpbmNyZWFzZSwKICAgICAgZGVjbGluZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:o(()=>[n("div",null,[s(g,{percent:l.defaultPercent},null,8,["percent"]),s(I,null,{default:o(()=>[s(d,{onClick:l.decline},{icon:o(()=>[s(m)]),_:1},8,["onClick"]),s(d,{onClick:l.increase},{icon:o(()=>[s(h)]),_:1},8,["onClick"])]),_:1})])]),htmlCode:o(()=>a[0]||(a[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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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(" 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(` `)])],-1)])),jsVersionHtml:o(()=>a[1]||(a[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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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(" 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(` `)])],-1)])),_:1})}const O=u(K,[["render",M]]),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,a,e,p,k,b){const g=c("a-progress"),m=c("minus-outlined"),d=c("a-button"),h=c("plus-outlined"),I=c("a-button-group"),C=c("demo-box");return r(),i(C,{jsfiddle:{us:"A dynamic progress bar is better.",cn:"\u4F1A\u52A8\u7684\u8FDB\u5EA6\u6761\u624D\u662F\u597D\u8FDB\u5EA6\u6761\u3002",docHtml:`

zh-CN

\u4F1A\u52A8\u7684\u8FDB\u5EA6\u6761\u624D\u662F\u597D\u8FDB\u5EA6\u6761\u3002

en-US

A dynamic progress bar is better.

`,order:5,title:{"zh-CN":"\u8FDB\u5EA6\u5708\u52A8\u6001\u5C55\u793A","en-US":"Dynamic circular progress bar"},relativePath:"components/progress/demo/circle-dynamic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyB0eXBlPSJjaXJjbGUiIDpwZXJjZW50PSJkZWZhdWx0UGVyY2VudCIgLz4KICAgIDxhLWJ1dHRvbi1ncm91cD4KICAgICAgPGEtYnV0dG9uIEBjbGljaz0iZGVjbGluZSI+CiAgICAgICAgPHRlbXBsYXRlICNpY29uPjxtaW51cy1vdXRsaW5lZCAvPjwvdGVtcGxhdGU+CiAgICAgIDwvYS1idXR0b24+CiAgICAgIDxhLWJ1dHRvbiBAY2xpY2s9ImluY3JlYXNlIj4KICAgICAgICA8dGVtcGxhdGUgI2ljb24+PHBsdXMtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgICA8L2EtYnV0dG9uPgogICAgPC9hLWJ1dHRvbi1ncm91cD4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IE1pbnVzT3V0bGluZWQsIFBsdXNPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBjb21wb25lbnRzOiB7CiAgICBNaW51c091dGxpbmVkLAogICAgUGx1c091dGxpbmVkLAogIH0sCiAgc2V0dXAoKSB7CiAgICBjb25zdCBkZWZhdWx0UGVyY2VudCA9IHJlZjxudW1iZXI+KDApOwoKICAgIGNvbnN0IGluY3JlYXNlID0gKCkgPT4gewogICAgICBjb25zdCBwZXJjZW50ID0gZGVmYXVsdFBlcmNlbnQudmFsdWUgKyAxMDsKICAgICAgZGVmYXVsdFBlcmNlbnQudmFsdWUgPSBwZXJjZW50ID4gMTAwID8gMTAwIDogcGVyY2VudDsKICAgIH07CgogICAgY29uc3QgZGVjbGluZSA9ICgpID0+IHsKICAgICAgY29uc3QgcGVyY2VudCA9IGRlZmF1bHRQZXJjZW50LnZhbHVlIC0gMTA7CiAgICAgIGRlZmF1bHRQZXJjZW50LnZhbHVlID0gcGVyY2VudCA8IDAgPyAwIDogcGVyY2VudDsKICAgIH07CiAgICByZXR1cm4gewogICAgICBkZWZhdWx0UGVyY2VudCwKICAgICAgaW5jcmVhc2UsCiAgICAgIGRlY2xpbmUsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyB0eXBlPSJjaXJjbGUiIDpwZXJjZW50PSJkZWZhdWx0UGVyY2VudCIgLz4KICAgIDxhLWJ1dHRvbi1ncm91cD4KICAgICAgPGEtYnV0dG9uIEBjbGljaz0iZGVjbGluZSI+CiAgICAgICAgPHRlbXBsYXRlICNpY29uPjxtaW51cy1vdXRsaW5lZCAvPjwvdGVtcGxhdGU+CiAgICAgIDwvYS1idXR0b24+CiAgICAgIDxhLWJ1dHRvbiBAY2xpY2s9ImluY3JlYXNlIj4KICAgICAgICA8dGVtcGxhdGUgI2ljb24+PHBsdXMtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgICA8L2EtYnV0dG9uPgogICAgPC9hLWJ1dHRvbi1ncm91cD4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgTWludXNPdXRsaW5lZCwgUGx1c091dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIGNvbXBvbmVudHM6IHsKICAgIE1pbnVzT3V0bGluZWQsCiAgICBQbHVzT3V0bGluZWQsCiAgfSwKICBzZXR1cCgpIHsKICAgIGNvbnN0IGRlZmF1bHRQZXJjZW50ID0gcmVmKDApOwogICAgY29uc3QgaW5jcmVhc2UgPSAoKSA9PiB7CiAgICAgIGNvbnN0IHBlcmNlbnQgPSBkZWZhdWx0UGVyY2VudC52YWx1ZSArIDEwOwogICAgICBkZWZhdWx0UGVyY2VudC52YWx1ZSA9IHBlcmNlbnQgPiAxMDAgPyAxMDAgOiBwZXJjZW50OwogICAgfTsKICAgIGNvbnN0IGRlY2xpbmUgPSAoKSA9PiB7CiAgICAgIGNvbnN0IHBlcmNlbnQgPSBkZWZhdWx0UGVyY2VudC52YWx1ZSAtIDEwOwogICAgICBkZWZhdWx0UGVyY2VudC52YWx1ZSA9IHBlcmNlbnQgPCAwID8gMCA6IHBlcmNlbnQ7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgZGVmYXVsdFBlcmNlbnQsCiAgICAgIGluY3JlYXNlLAogICAgICBkZWNsaW5lLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:o(()=>[n("div",null,[s(g,{type:"circle",percent:l.defaultPercent},null,8,["percent"]),s(I,null,{default:o(()=>[s(d,{onClick:l.decline},{icon:o(()=>[s(m)]),_:1},8,["onClick"]),s(d,{onClick:l.increase},{icon:o(()=>[s(h)]),_:1},8,["onClick"])]),_:1})])]),htmlCode:o(()=>a[0]||(a[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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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(" 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(` `)])],-1)])),jsVersionHtml:o(()=>a[1]||(a[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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[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(" 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(` `)])],-1)])),_:1})}const $=u(Q,[["render",F]]),E={},nn={style:{color:"red"}};function tn(l,a){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:`

zh-CN

format \u5C5E\u6027\u6307\u5B9A\u683C\u5F0F\u3002

en-US

You can set a custom text by setting the format prop.

`,order:6,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u6587\u5B57\u683C\u5F0F","en-US":"Custom text format"},relativePath:"components/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,[s(e,{type:"circle",percent:75,format:k=>`${k} Days`},null,8,["format"]),s(e,{type:"circle",percent:100,format:()=>"Done"}),s(e,{type:"circle",percent:75},{format:o(k=>[n("span",nn,Y(k),1)]),_:1})])]),htmlCode:o(()=>a[0]||(a[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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `)])],-1)])),jsVersionHtml:o(()=>a[1]||(a[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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `)])],-1)])),_:1})}const an=u(E,[["render",tn]]),sn={};function en(l,a){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:`

zh-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

en-US

By setting type=dashboard, you can get a dashboard style of progress easily.

`,order:7,title:{"zh-CN":"\u4EEA\u8868\u76D8","en-US":"Dashboard"},relativePath:"components/progress/demo/dashboard.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyB0eXBlPSJkYXNoYm9hcmQiIDpwZXJjZW50PSI3NSIgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KCgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyB0eXBlPSJkYXNoYm9hcmQiIDpwZXJjZW50PSI3NSIgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4="}},{default:o(()=>[n("div",null,[s(e,{type:"dashboard",percent:75})])]),htmlCode:o(()=>a[0]||(a[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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `)])],-1)])),jsVersionHtml:o(()=>a[1]||(a[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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `)])],-1)])),_:1})}const on=u(sn,[["render",en]]),cn={};function pn(l,a){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:`

zh-CN

\u6807\u51C6\u7684\u8FDB\u5EA6\u6761\u3002

en-US

A standard progress bar.

`,order:8,title:{"zh-CN":"\u5206\u6BB5\u8FDB\u5EA6\u6761","en-US":"Progress bar with success segment"},relativePath:"components/progress/demo/segment.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS10b29sdGlwIHRpdGxlPSIzIGRvbmUgLyAzIGluIHByb2dyZXNzIC8gNCB0byBkbyI+CiAgICAgIDxhLXByb2dyZXNzIDpwZXJjZW50PSI2MCIgOnN1Y2Nlc3M9InsgcGVyY2VudDogMzAgfSIgLz4KICAgIDwvYS10b29sdGlwPgogICAgPGEtdG9vbHRpcCB0aXRsZT0iMyBkb25lIC8gMyBpbiBwcm9ncmVzcyAvIDQgdG8gZG8iPgogICAgICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iNjAiIDpzdWNjZXNzPSJ7IHBlcmNlbnQ6IDMwIH0iIHR5cGU9ImNpcmNsZSIgLz4KICAgIDwvYS10b29sdGlwPgogICAgPGEtdG9vbHRpcCB0aXRsZT0iMyBkb25lIC8gMyBpbiBwcm9ncmVzcyAvIDQgdG8gZG8iPgogICAgICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iNjAiIDpzdWNjZXNzPSJ7IHBlcmNlbnQ6IDMwIH0iIHR5cGU9ImRhc2hib2FyZCIgLz4KICAgIDwvYS10b29sdGlwPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS10b29sdGlwIHRpdGxlPSIzIGRvbmUgLyAzIGluIHByb2dyZXNzIC8gNCB0byBkbyI+CiAgICAgIDxhLXByb2dyZXNzIDpwZXJjZW50PSI2MCIgOnN1Y2Nlc3M9InsgcGVyY2VudDogMzAgfSIgLz4KICAgIDwvYS10b29sdGlwPgogICAgPGEtdG9vbHRpcCB0aXRsZT0iMyBkb25lIC8gMyBpbiBwcm9ncmVzcyAvIDQgdG8gZG8iPgogICAgICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iNjAiIDpzdWNjZXNzPSJ7IHBlcmNlbnQ6IDMwIH0iIHR5cGU9ImNpcmNsZSIgLz4KICAgIDwvYS10b29sdGlwPgogICAgPGEtdG9vbHRpcCB0aXRsZT0iMyBkb25lIC8gMyBpbiBwcm9ncmVzcyAvIDQgdG8gZG8iPgogICAgICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iNjAiIDpzdWNjZXNzPSJ7IHBlcmNlbnQ6IDMwIH0iIHR5cGU9ImRhc2hib2FyZCIgLz4KICAgIDwvYS10b29sdGlwPgogIDwvZGl2Pgo8L3RlbXBsYXRlPg=="}},{default:o(()=>[n("div",null,[s(p,{title:"3 done / 3 in progress / 4 to do"},{default:o(()=>[s(e,{percent:60,success:{percent:30}})]),_:1}),s(p,{title:"3 done / 3 in progress / 4 to do"},{default:o(()=>[s(e,{percent:60,success:{percent:30},type:"circle"})]),_:1}),s(p,{title:"3 done / 3 in progress / 4 to do"},{default:o(()=>[s(e,{percent:60,success:{percent:30},type:"dashboard"})]),_:1})])]),htmlCode:o(()=>a[0]||(a[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"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ percent: 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(` `),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"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ percent: 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(` `),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"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ percent: 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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `)])],-1)])),jsVersionHtml:o(()=>a[1]||(a[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"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ percent: 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(` `),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"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ percent: 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(` `),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"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ percent: 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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `)])],-1)])),_:1})}const ln=u(cn,[["render",pn]]),un={};function rn(l,a){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:`

zh-CN

strokeLinecap="square|round" \u53EF\u4EE5\u8C03\u6574\u8FDB\u5EA6\u6761\u8FB9\u7F18\u7684\u5F62\u72B6\u3002

en-US

By setting strokeLinecap="square", you can change the linecaps from round to square.

`,order:9,title:{"zh-CN":"\u5706\u89D2/\u65B9\u89D2\u8FB9\u7F18","en-US":"Square linecaps"},relativePath:"components/progress/demo/linecap.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiA6cGVyY2VudD0iNzUiIC8+CiAgICA8YS1wcm9ncmVzcyBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiA6cGVyY2VudD0iNzUiIHR5cGU9ImNpcmNsZSIgLz4KICAgIDxhLXByb2dyZXNzIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIDpwZXJjZW50PSI3NSIgdHlwZT0iZGFzaGJvYXJkIiAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiA6cGVyY2VudD0iNzUiIC8+CiAgICA8YS1wcm9ncmVzcyBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiA6cGVyY2VudD0iNzUiIHR5cGU9ImNpcmNsZSIgLz4KICAgIDxhLXByb2dyZXNzIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIDpwZXJjZW50PSI3NSIgdHlwZT0iZGFzaGJvYXJkIiAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPg=="}},{default:o(()=>[n("div",null,[s(e,{"stroke-linecap":"square",percent:75}),s(e,{"stroke-linecap":"square",percent:75,type:"circle"}),s(e,{"stroke-linecap":"square",percent:75,type:"dashboard"})])]),htmlCode:o(()=>a[0]||(a[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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `)])],-1)])),jsVersionHtml:o(()=>a[1]||(a[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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `)])],-1)])),_:1})}const kn=u(un,[["render",rn]]),dn={};function gn(l,a){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:`

zh-CN

linear-gradient \u7684\u5C01\u88C5\u3002\u63A8\u8350\u53EA\u4F20\u4E24\u79CD\u989C\u8272\u3002

en-US

A package of linear-gradient. It is recommended to only pass two colors.

`,order:10,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u8FDB\u5EA6\u6761\u6E10\u53D8\u8272","en-US":"Custom line gradient"},relativePath:"components/progress/demo/gradient-line.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcwogICAgICA6c3Ryb2tlLWNvbG9yPSJ7CiAgICAgICAgJzAlJzogJyMxMDhlZTknLAogICAgICAgICcxMDAlJzogJyM4N2QwNjgnLAogICAgICB9IgogICAgICA6cGVyY2VudD0iOTkuOSIKICAgIC8+CiAgICA8YS1wcm9ncmVzcwogICAgICA6c3Ryb2tlLWNvbG9yPSJ7CiAgICAgICAgZnJvbTogJyMxMDhlZTknLAogICAgICAgIHRvOiAnIzg3ZDA2OCcsCiAgICAgIH0iCiAgICAgIDpwZXJjZW50PSI5OS45IgogICAgICBzdGF0dXM9ImFjdGl2ZSIKICAgIC8+CiAgICA8YS1wcm9ncmVzcwogICAgICB0eXBlPSJjaXJjbGUiCiAgICAgIDpzdHJva2UtY29sb3I9InsKICAgICAgICAnMCUnOiAnIzEwOGVlOScsCiAgICAgICAgJzEwMCUnOiAnIzg3ZDA2OCcsCiAgICAgIH0iCiAgICAgIDpwZXJjZW50PSI5MCIKICAgIC8+CiAgICA8YS1wcm9ncmVzcwogICAgICB0eXBlPSJjaXJjbGUiCiAgICAgIDpzdHJva2UtY29sb3I9InsKICAgICAgICAnMCUnOiAnIzEwOGVlOScsCiAgICAgICAgJzEwMCUnOiAnIzg3ZDA2OCcsCiAgICAgIH0iCiAgICAgIDpwZXJjZW50PSIxMDAiCiAgICAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcwogICAgICA6c3Ryb2tlLWNvbG9yPSJ7CiAgICAgICAgJzAlJzogJyMxMDhlZTknLAogICAgICAgICcxMDAlJzogJyM4N2QwNjgnLAogICAgICB9IgogICAgICA6cGVyY2VudD0iOTkuOSIKICAgIC8+CiAgICA8YS1wcm9ncmVzcwogICAgICA6c3Ryb2tlLWNvbG9yPSJ7CiAgICAgICAgZnJvbTogJyMxMDhlZTknLAogICAgICAgIHRvOiAnIzg3ZDA2OCcsCiAgICAgIH0iCiAgICAgIDpwZXJjZW50PSI5OS45IgogICAgICBzdGF0dXM9ImFjdGl2ZSIKICAgIC8+CiAgICA8YS1wcm9ncmVzcwogICAgICB0eXBlPSJjaXJjbGUiCiAgICAgIDpzdHJva2UtY29sb3I9InsKICAgICAgICAnMCUnOiAnIzEwOGVlOScsCiAgICAgICAgJzEwMCUnOiAnIzg3ZDA2OCcsCiAgICAgIH0iCiAgICAgIDpwZXJjZW50PSI5MCIKICAgIC8+CiAgICA8YS1wcm9ncmVzcwogICAgICB0eXBlPSJjaXJjbGUiCiAgICAgIDpzdHJva2UtY29sb3I9InsKICAgICAgICAnMCUnOiAnIzEwOGVlOScsCiAgICAgICAgJzEwMCUnOiAnIzg3ZDA2OCcsCiAgICAgIH0iCiAgICAgIDpwZXJjZW50PSIxMDAiCiAgICAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPg=="}},{default:o(()=>[n("div",null,[s(e,{"stroke-color":{"0%":"#108ee9","100%":"#87d068"},percent:99.9}),s(e,{"stroke-color":{from:"#108ee9",to:"#87d068"},percent:99.9,status:"active"}),s(e,{type:"circle","stroke-color":{"0%":"#108ee9","100%":"#87d068"},percent:90}),s(e,{type:"circle","stroke-color":{"0%":"#108ee9","100%":"#87d068"},percent:100})])]),htmlCode:o(()=>a[0]||(a[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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `)])],-1)])),jsVersionHtml:o(()=>a[1]||(a[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(` `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"")]),t(` `)])],-1)])),_:1})}const mn=u(dn,[["render",gn]]),hn={};function In(l,a){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:`

zh-CN

\u5E26\u6B65\u9AA4\u7684\u8FDB\u5EA6\u6761\u3002

en-US

A progress bar with steps.

`,order:12,title:{"zh-CN":"\u6B65\u9AA4\u8FDB\u5EA6\u6761","en-US":"Progress bar with steps"},relativePath:"components/progress/demo/steps.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSI1MCIgOnN0ZXBzPSIzIiAvPgogIDxiciAvPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSIzMCIgOnN0ZXBzPSI1IiAvPgogIDxiciAvPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSIxMDAiIDpzdGVwcz0iNSIgc2l6ZT0ic21hbGwiIHN0cm9rZS1jb2xvcj0iIzUyYzQxYSIgLz4KPC90ZW1wbGF0ZT4KCgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSI1MCIgOnN0ZXBzPSIzIiAvPgogIDxiciAvPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSIzMCIgOnN0ZXBzPSI1IiAvPgogIDxiciAvPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSIxMDAiIDpzdGVwcz0iNSIgc2l6ZT0ic21hbGwiIHN0cm9rZS1jb2xvcj0iIzUyYzQxYSIgLz4KPC90ZW1wbGF0ZT4="}},{default:o(()=>[s(e,{percent:50,steps:3}),a[0]||(a[0]=n("br",null,null,-1)),s(e,{percent:30,steps:5}),a[1]||(a[1]=n("br",null,null,-1)),s(e,{percent:100,steps:5,size:"small","stroke-color":"#52c41a"})]),htmlCode:o(()=>a[2]||(a[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(` `)])],-1)])),jsVersionHtml:o(()=>a[3]||(a[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(` `)])],-1)])),_:1})}const Cn=u(hn,[["render",In]]),bn={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:"components/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 | \u7248\u672C | | --- | --- | --- | --- | --- | | format | \u5185\u5BB9\u7684\u6A21\u677F\u51FD\u6570 | function(percent, successPercent) | (percent) => 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 } | - | | | title | html \u6807\u7B7E title | string | - | 3.0 | | trailColor | \u672A\u5B8C\u6210\u7684\u5206\u6BB5\u7684\u989C\u8272 | string | - | | | type | \u7C7B\u578B\uFF0C\u53EF\u9009 \`line\` \`circle\` \`dashboard\` | string | \`line\` | | ### \`type="line"\` | \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="circle"\` | \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="dashboard"\` | \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:`

\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

API

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

\u5C5E\u6027 \u8BF4\u660E \u7C7B\u578B \u9ED8\u8BA4\u503C \u7248\u672C
format \u5185\u5BB9\u7684\u6A21\u677F\u51FD\u6570 function(percent, successPercent) (percent) => 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\uFF1Asuccess 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 } -
title html \u6807\u7B7E title string - 3.0
trailColor \u672A\u5B8C\u6210\u7684\u5206\u6BB5\u7684\u989C\u8272 string -
type \u7C7B\u578B\uFF0C\u53EF\u9009 line circle dashboard string line

type="line"

\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="circle"

\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="dashboard"

\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
`,lastUpdated:1748060301067}},An={class:"markdown"};function vn(l,a,e,p,k,b){return r(),f("article",An,a[0]||(a[0]=[w('

\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

API

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

\u5C5E\u6027\u8BF4\u660E\u7C7B\u578B\u9ED8\u8BA4\u503C\u7248\u672C
format\u5185\u5BB9\u7684\u6A21\u677F\u51FD\u6570function(percent, successPercent)(percent) => percent + %
percent\u767E\u5206\u6BD4number0
showInfo\u662F\u5426\u663E\u793A\u8FDB\u5EA6\u6570\u503C\u6216\u72B6\u6001\u56FE\u6807booleantrue
status\u72B6\u6001\uFF0C\u53EF\u9009\uFF1Asuccess exception normal active(\u4EC5\u9650 line)string-
strokeColor\u8FDB\u5EA6\u6761\u7684\u8272\u5F69string-
strokeLinecap\u8FDB\u5EA6\u6761\u7684\u6837\u5F0Fround | squareround
success\u6210\u529F\u8FDB\u5EA6\u6761\u76F8\u5173\u914D\u7F6E{ percent: number, strokeColor: string }-
titlehtml \u6807\u7B7E titlestring-3.0
trailColor\u672A\u5B8C\u6210\u7684\u5206\u6BB5\u7684\u989C\u8272string-
type\u7C7B\u578B\uFF0C\u53EF\u9009 line circle dashboardstringline

type="line"

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

type="circle"

\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\u53D8string | 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\u6BD4number6
width\u5706\u5F62\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\uFF0C\u5355\u4F4D pxnumber132

type="dashboard"

\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 ~ 295number75
gapPosition\u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u7F3A\u53E3\u4F4D\u7F6Etop | bottom | left | rightbottom
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\u6BD4number6
width\u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\uFF0C\u5355\u4F4D pxnumber132
',13)]))}const yn=u(bn,[["render",vn]]),fn={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:"components/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 | Version |\n| --- | --- | --- | --- | --- |\n| format | The template function of the content | function(percent, successPercent) | (percent) => 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| title | html dom title | string | - | 3.0 |\n| trailColor | The color of unfilled part | string | - | |\n| type | To set the type, options: `line` `circle` `dashboard` | string | `line` | |\n\n### `type="line"`\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="circle"`\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="dashboard"`\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:`

Display the current progress of an operation flow.

When To Use

If it will take a long time to complete an operation, you can use Progress to show the current progress and status.

API

Properties that shared by all types.

Property Description Type Default Version
format The template function of the content function(percent, successPercent) (percent) => percent + %
percent To set the completion percentage number 0
showInfo Whether to display the progress value and the status icon boolean true
status To set the status of the Progress, options: success exception normal active(line only) string -
strokeColor The color of progress bar string -
strokeLinecap To set the style of the progress linecap round | square round
success Configs of successfully progress bar { percent: number, strokeColor: string } -
title html dom title string - 3.0
trailColor The color of unfilled part string -
type To set the type, options: line circle dashboard string line

type="line"

Property Description Type Default
steps The total step count number -
strokeColor The color of progress bar, render linear-gradient when passing an object string | { from: string; to: string; direction: string } -
strokeWidth To set the width of the progress bar, unit: px number 10

type="circle"

Property Description Type Default
strokeColor The color of circular progress, render linear-gradient when passing an object string | object -
strokeWidth To set the width of the circular progress, unit: percentage of the canvas width number 6
width To set the canvas width of the circular progress, unit: px number 132

type="dashboard"

Property Description Type Default
gapDegree The gap degree of half circle, 0 ~ 295 number 75
gapPosition The gap position, options: top bottom left right string bottom
strokeWidth To set the width of the dashboard progress, unit: percentage of the canvas width number 6
width To set the canvas width of the dashboard progress, unit: px number 132
`,lastUpdated:1748060301065}},wn={class:"markdown"};function Pn(l,a,e,p,k,b){return r(),f("article",wn,a[0]||(a[0]=[w('

Display the current progress of an operation flow.

When To Use

If it will take a long time to complete an operation, you can use Progress to show the current progress and status.

API

Properties that shared by all types.

PropertyDescriptionTypeDefaultVersion
formatThe template function of the contentfunction(percent, successPercent)(percent) => percent + %
percentTo set the completion percentagenumber0
showInfoWhether to display the progress value and the status iconbooleantrue
statusTo set the status of the Progress, options: success exception normal active(line only)string-
strokeColorThe color of progress barstring-
strokeLinecapTo set the style of the progress linecapround | squareround
successConfigs of successfully progress bar{ percent: number, strokeColor: string }-
titlehtml dom titlestring-3.0
trailColorThe color of unfilled partstring-
typeTo set the type, options: line circle dashboardstringline

type="line"

PropertyDescriptionTypeDefault
stepsThe total step countnumber-
strokeColorThe color of progress bar, render linear-gradient when passing an objectstring | { from: string; to: string; direction: string }-
strokeWidthTo set the width of the progress bar, unit: pxnumber10

type="circle"

PropertyDescriptionTypeDefault
strokeColorThe color of circular progress, render linear-gradient when passing an objectstring | object-
strokeWidthTo set the width of the circular progress, unit: percentage of the canvas widthnumber6
widthTo set the canvas width of the circular progress, unit: pxnumber132

type="dashboard"

PropertyDescriptionTypeDefault
gapDegreeThe gap degree of half circle, 0 ~ 295number75
gapPositionThe gap position, options: top bottom left rightstringbottom
strokeWidthTo set the width of the dashboard progress, unit: percentage of the canvas widthnumber6
widthTo set the canvas width of the dashboard progress, unit: pxnumber132
',13)]))}const Zn=u(fn,[["render",Pn]]),Xn=A({CN:yn,US:Zn,components:{LineDemo:q,CircleDemo:j,LineMini:J,CircleMini:T,Dynamic:O,CircleDynamic:$,Format:an,Dashboard:on,Segment:ln,LineCap:kn,GradientLine:mn,Steps:Cn},setup(){return{}}});function Gn(l,a,e,p,k,b){const g=c("line-demo"),m=c("circle-demo"),d=c("line-mini"),h=c("circle-mini"),I=c("dynamic"),C=c("circle-dynamic"),Z=c("format"),X=c("dashboard"),G=c("segment"),D=c("line-cap"),z=c("gradient-line"),N=c("steps"),B=c("demo-sort");return r(),i(B,null,{default:o(()=>[s(g),s(m),s(d),s(h),s(I),s(C),s(Z),s(X),s(G),s(D),s(z),s(N)]),_:1})}const Nn=u(Xn,[["render",Gn]]);export{Nn as default};