doc_project/3x.antv.design/assets/index.42d363f1.js

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:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u6807\u51C6\u7684\u8FDB\u5EA6\u6761\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>A standard progress bar.</p>
`,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("template")]),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("template")]),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:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u5708\u5F62\u7684\u8FDB\u5EA6\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>A circular progress bar.</p>
`,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("template")]),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("template")]),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:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u9002\u5408\u653E\u5728\u8F83\u72ED\u7A84\u7684\u533A\u57DF\u5185\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>Appropriate for a narrow area.</p>
`,order:2,title:{"zh-CN":"\u5C0F\u578B\u8FDB\u5EA6\u6761","en-US":"Mini size progress bar"},relativePath:"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("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:o(()=>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("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}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:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u5C0F\u4E00\u53F7\u7684\u5708\u5F62\u8FDB\u5EA6\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>A smaller circular progress bar.</p>
`,order:3,title:{"zh-CN":"\u5C0F\u578B\u8FDB\u5EA6\u5708","en-US":"Mini size circular progress bar"},relativePath:"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("template")]),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("template")]),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:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u4F1A\u52A8\u7684\u8FDB\u5EA6\u6761\u624D\u662F\u597D\u8FDB\u5EA6\u6761\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>A dynamic progress bar is better.</p>
`,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("template")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("increase"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("plus-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button-group")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" MinusOutlined"),n("span",{class:"token punctuation"},","),t(" PlusOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    MinusOutlined`),n("span",{class:"token punctuation"},","),t(`
    PlusOutlined`),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" defaultPercent "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("number"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

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

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"decline"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" percent "),n("span",{class:"token operator"},"="),t(" defaultPercent"),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},";"),t(`
      defaultPercent`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" percent "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"0"),t(),n("span",{class:"token operator"},"?"),t(),n("span",{class:"token number"},"0"),t(),n("span",{class:"token operator"},":"),t(" percent"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      defaultPercent`),n("span",{class:"token punctuation"},","),t(`
      increase`),n("span",{class:"token punctuation"},","),t(`
      decline`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:o(()=>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("template")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("increase"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("plus-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button-group")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" MinusOutlined"),n("span",{class:"token punctuation"},","),t(" PlusOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    MinusOutlined`),n("span",{class:"token punctuation"},","),t(`
    PlusOutlined`),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" defaultPercent "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"increase"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" percent "),n("span",{class:"token operator"},"="),t(" defaultPercent"),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},";"),t(`
      defaultPercent`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" percent "),n("span",{class:"token operator"},">"),t(),n("span",{class:"token number"},"100"),t(),n("span",{class:"token operator"},"?"),t(),n("span",{class:"token number"},"100"),t(),n("span",{class:"token operator"},":"),t(" percent"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"decline"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" percent "),n("span",{class:"token operator"},"="),t(" defaultPercent"),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},";"),t(`
      defaultPercent`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" percent "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"0"),t(),n("span",{class:"token operator"},"?"),t(),n("span",{class:"token number"},"0"),t(),n("span",{class:"token operator"},":"),t(" percent"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      defaultPercent`),n("span",{class:"token punctuation"},","),t(`
      increase`),n("span",{class:"token punctuation"},","),t(`
      decline`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}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:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u4F1A\u52A8\u7684\u8FDB\u5EA6\u6761\u624D\u662F\u597D\u8FDB\u5EA6\u6761\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>A dynamic progress bar is better.</p>
`,order:5,title:{"zh-CN":"\u8FDB\u5EA6\u5708\u52A8\u6001\u5C55\u793A","en-US":"Dynamic circular progress bar"},relativePath:"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("template")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("increase"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("plus-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button-group")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" MinusOutlined"),n("span",{class:"token punctuation"},","),t(" PlusOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    MinusOutlined`),n("span",{class:"token punctuation"},","),t(`
    PlusOutlined`),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" defaultPercent "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("number"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

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

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"decline"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" percent "),n("span",{class:"token operator"},"="),t(" defaultPercent"),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},";"),t(`
      defaultPercent`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" percent "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"0"),t(),n("span",{class:"token operator"},"?"),t(),n("span",{class:"token number"},"0"),t(),n("span",{class:"token operator"},":"),t(" percent"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      defaultPercent`),n("span",{class:"token punctuation"},","),t(`
      increase`),n("span",{class:"token punctuation"},","),t(`
      decline`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:o(()=>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("template")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("increase"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#icon"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("plus-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button-group")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" MinusOutlined"),n("span",{class:"token punctuation"},","),t(" PlusOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    MinusOutlined`),n("span",{class:"token punctuation"},","),t(`
    PlusOutlined`),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" defaultPercent "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"increase"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" percent "),n("span",{class:"token operator"},"="),t(" defaultPercent"),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"+"),t(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},";"),t(`
      defaultPercent`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" percent "),n("span",{class:"token operator"},">"),t(),n("span",{class:"token number"},"100"),t(),n("span",{class:"token operator"},"?"),t(),n("span",{class:"token number"},"100"),t(),n("span",{class:"token operator"},":"),t(" percent"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"decline"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" percent "),n("span",{class:"token operator"},"="),t(" defaultPercent"),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"-"),t(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},";"),t(`
      defaultPercent`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" percent "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token number"},"0"),t(),n("span",{class:"token operator"},"?"),t(),n("span",{class:"token number"},"0"),t(),n("span",{class:"token operator"},":"),t(" percent"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      defaultPercent`),n("span",{class:"token punctuation"},","),t(`
      increase`),n("span",{class:"token punctuation"},","),t(`
      decline`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}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:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p><code>format</code> \u5C5E\u6027\u6307\u5B9A\u683C\u5F0F\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>You can set a custom text by setting the <code>format</code> prop.</p>
`,order:6,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u6587\u5B57\u683C\u5F0F","en-US":"Custom text format"},relativePath:"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("span")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-progress")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:o(()=>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("span")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-progress")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}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:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u901A\u8FC7\u8BBE\u7F6E <code>type=dashboard</code>\uFF0C\u53EF\u4EE5\u5F88\u65B9\u4FBF\u5730\u5B9E\u73B0\u4EEA\u8868\u76D8\u6837\u5F0F\u7684\u8FDB\u5EA6\u6761\u3002\u82E5\u60F3\u8981\u4FEE\u6539\u7F3A\u53E3\u7684\u89D2\u5EA6\uFF0C\u53EF\u4EE5\u8BBE\u7F6E <code>gapDegree</code> \u4E3A\u4F60\u60F3\u8981\u7684\u503C\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>By setting <code>type=dashboard</code>, you can get a dashboard style of progress easily.</p>
`,order:7,title:{"zh-CN":"\u4EEA\u8868\u76D8","en-US":"Dashboard"},relativePath:"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("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:o(()=>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("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}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:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u6807\u51C6\u7684\u8FDB\u5EA6\u6761\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>A standard progress bar.</p>
`,order:8,title:{"zh-CN":"\u5206\u6BB5\u8FDB\u5EA6\u6761","en-US":"Progress bar with success segment"},relativePath:"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("a-tooltip")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tooltip")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("3 done / 3 in progress / 4 to do"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("60"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":success"),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("a-tooltip")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tooltip")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("3 done / 3 in progress / 4 to do"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("60"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":success"),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("a-tooltip")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:o(()=>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("a-tooltip")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tooltip")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("3 done / 3 in progress / 4 to do"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("60"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":success"),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("a-tooltip")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-tooltip")]),t(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("3 done / 3 in progress / 4 to do"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("60"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":success"),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("a-tooltip")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}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:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p><code>strokeLinecap=&quot;square|round&quot;</code> \u53EF\u4EE5\u8C03\u6574\u8FDB\u5EA6\u6761\u8FB9\u7F18\u7684\u5F62\u72B6\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>By setting <code>strokeLinecap=&quot;square&quot;</code>, you can change the linecaps from round to square.</p>
`,order:9,title:{"zh-CN":"\u5706\u89D2/\u65B9\u89D2\u8FB9\u7F18","en-US":"Square linecaps"},relativePath:"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("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:o(()=>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("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}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:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p><code>linear-gradient</code> \u7684\u5C01\u88C5\u3002\u63A8\u8350\u53EA\u4F20\u4E24\u79CD\u989C\u8272\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>A package of <code>linear-gradient</code>. It is recommended to only pass two colors.</p>
`,order:10,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u8FDB\u5EA6\u6761\u6E10\u53D8\u8272","en-US":"Custom line gradient"},relativePath:"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("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:o(()=>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("div")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}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:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u5E26\u6B65\u9AA4\u7684\u8FDB\u5EA6\u6761\u3002</p>
<h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>A progress bar with steps.</p>
`,order:12,title:{"zh-CN":"\u6B65\u9AA4\u8FDB\u5EA6\u6761","en-US":"Progress bar with steps"},relativePath:"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("template")]),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("template")]),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) =&gt; percent + \`%\` |  |
| percent | \u767E\u5206\u6BD4 | number | 0 |  |
| showInfo | \u662F\u5426\u663E\u793A\u8FDB\u5EA6\u6570\u503C\u6216\u72B6\u6001\u56FE\u6807 | boolean | true |  |
| status | \u72B6\u6001\uFF0C\u53EF\u9009\uFF1A\`success\` \`exception\` \`normal\` \`active\`(\u4EC5\u9650 line) | string | - |  |
| strokeColor | \u8FDB\u5EA6\u6761\u7684\u8272\u5F69 | string | - |  |
| strokeLinecap | \u8FDB\u5EA6\u6761\u7684\u6837\u5F0F | \`round\` \\| \`square\` | \`round\` |  |
| success | \u6210\u529F\u8FDB\u5EA6\u6761\u76F8\u5173\u914D\u7F6E | { percent: number, strokeColor: string } | - |  |
| 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=&quot;line&quot;\`

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

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

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

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

| \u5C5E\u6027 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
| --- | --- | --- | --- |
| gapDegree | \u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u7F3A\u53E3\u89D2\u5EA6\uFF0C\u53EF\u53D6\u503C 0 ~ 295 | number | 75 |
| gapPosition | \u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u7F3A\u53E3\u4F4D\u7F6E | \`top\` \\| \`bottom\` \\| \`left\` \\| \`right\` | \`bottom\` |
| strokeWidth | \u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u7EBF\u7684\u5BBD\u5EA6\uFF0C\u5355\u4F4D\u662F\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\u7684\u767E\u5206\u6BD4 | number | 6 |
| width | \u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\uFF0C\u5355\u4F4D px | number | 132 |
`,html:`<p>\u5C55\u793A\u64CD\u4F5C\u7684\u5F53\u524D\u8FDB\u5EA6\u3002</p>
<h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528 <a class="header-anchor" href="#\u4F55\u65F6\u4F7F\u7528">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u5728\u64CD\u4F5C\u9700\u8981\u8F83\u957F\u65F6\u95F4\u624D\u80FD\u5B8C\u6210\u65F6\uFF0C\u4E3A\u7528\u6237\u663E\u793A\u8BE5\u64CD\u4F5C\u7684\u5F53\u524D\u8FDB\u5EA6\u548C\u72B6\u6001\u3002</p>
<ul>
<li>\u5F53\u4E00\u4E2A\u64CD\u4F5C\u4F1A\u6253\u65AD\u5F53\u524D\u754C\u9762\uFF0C\u6216\u8005\u9700\u8981\u5728\u540E\u53F0\u8FD0\u884C\uFF0C\u4E14\u8017\u65F6\u53EF\u80FD\u8D85\u8FC7 2 \u79D2\u65F6\uFF1B</li>
<li>\u5F53\u9700\u8981\u663E\u793A\u4E00\u4E2A\u64CD\u4F5C\u5B8C\u6210\u7684\u767E\u5206\u6BD4\u65F6\u3002</li>
</ul>
<h2 id="API">API <a class="header-anchor" href="#API">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>\u5404\u7C7B\u578B\u5171\u7528\u7684\u5C5E\u6027\u3002</p>
<table>
<thead>
<tr>
<th>\u5C5E\u6027</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
<th>\u7248\u672C</th>
</tr>
</thead>
<tbody>
<tr>
<td>format</td>
<td>\u5185\u5BB9\u7684\u6A21\u677F\u51FD\u6570</td>
<td>function(percent, successPercent)</td>
<td>(percent) =&gt; percent + <code>%</code></td>
<td></td>
</tr>
<tr>
<td>percent</td>
<td>\u767E\u5206\u6BD4</td>
<td>number</td>
<td>0</td>
<td></td>
</tr>
<tr>
<td>showInfo</td>
<td>\u662F\u5426\u663E\u793A\u8FDB\u5EA6\u6570\u503C\u6216\u72B6\u6001\u56FE\u6807</td>
<td>boolean</td>
<td>true</td>
<td></td>
</tr>
<tr>
<td>status</td>
<td>\u72B6\u6001\uFF0C\u53EF\u9009\uFF1A<code>success</code> <code>exception</code> <code>normal</code> <code>active</code>(\u4EC5\u9650 line)</td>
<td>string</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>strokeColor</td>
<td>\u8FDB\u5EA6\u6761\u7684\u8272\u5F69</td>
<td>string</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>strokeLinecap</td>
<td>\u8FDB\u5EA6\u6761\u7684\u6837\u5F0F</td>
<td><code>round</code> | <code>square</code></td>
<td><code>round</code></td>
<td></td>
</tr>
<tr>
<td>success</td>
<td>\u6210\u529F\u8FDB\u5EA6\u6761\u76F8\u5173\u914D\u7F6E</td>
<td>{ percent: number, strokeColor: string }</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>title</td>
<td>html \u6807\u7B7E title</td>
<td>string</td>
<td>-</td>
<td>3.0</td>
</tr>
<tr>
<td>trailColor</td>
<td>\u672A\u5B8C\u6210\u7684\u5206\u6BB5\u7684\u989C\u8272</td>
<td>string</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>type</td>
<td>\u7C7B\u578B\uFF0C\u53EF\u9009 <code>line</code> <code>circle</code> <code>dashboard</code></td>
<td>string</td>
<td><code>line</code></td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="type-line"><code>type=&quot;line&quot;</code> <a class="header-anchor" href="#type-line">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>\u5C5E\u6027</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
</tr>
</thead>
<tbody>
<tr>
<td>steps</td>
<td>\u8FDB\u5EA6\u6761\u603B\u5171\u6B65\u6570</td>
<td>number</td>
<td>-</td>
</tr>
<tr>
<td>strokeColor</td>
<td>\u8FDB\u5EA6\u6761\u7684\u8272\u5F69\uFF0C\u4F20\u5165 object \u65F6\u4E3A\u6E10\u53D8</td>
<td>string | { from: string; to: string; direction: string }</td>
<td>-</td>
</tr>
<tr>
<td>strokeWidth</td>
<td>\u8FDB\u5EA6\u6761\u7EBF\u7684\u5BBD\u5EA6\uFF0C\u5355\u4F4D px</td>
<td>number</td>
<td>10</td>
</tr>
</tbody>
</table>
<h3 id="type-circle"><code>type=&quot;circle&quot;</code> <a class="header-anchor" href="#type-circle">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>\u5C5E\u6027</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
</tr>
</thead>
<tbody>
<tr>
<td>strokeColor</td>
<td>\u5706\u5F62\u8FDB\u5EA6\u6761\u7EBF\u7684\u8272\u5F69\uFF0C\u4F20\u5165 object \u65F6\u4E3A\u6E10\u53D8</td>
<td>string | object</td>
<td>-</td>
</tr>
<tr>
<td>strokeWidth</td>
<td>\u5706\u5F62\u8FDB\u5EA6\u6761\u7EBF\u7684\u5BBD\u5EA6\uFF0C\u5355\u4F4D\u662F\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\u7684\u767E\u5206\u6BD4</td>
<td>number</td>
<td>6</td>
</tr>
<tr>
<td>width</td>
<td>\u5706\u5F62\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\uFF0C\u5355\u4F4D px</td>
<td>number</td>
<td>132</td>
</tr>
</tbody>
</table>
<h3 id="type-dashboard"><code>type=&quot;dashboard&quot;</code> <a class="header-anchor" href="#type-dashboard">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>\u5C5E\u6027</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
</tr>
</thead>
<tbody>
<tr>
<td>gapDegree</td>
<td>\u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u7F3A\u53E3\u89D2\u5EA6\uFF0C\u53EF\u53D6\u503C 0 ~ 295</td>
<td>number</td>
<td>75</td>
</tr>
<tr>
<td>gapPosition</td>
<td>\u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u7F3A\u53E3\u4F4D\u7F6E</td>
<td><code>top</code> | <code>bottom</code> | <code>left</code> | <code>right</code></td>
<td><code>bottom</code></td>
</tr>
<tr>
<td>strokeWidth</td>
<td>\u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u7EBF\u7684\u5BBD\u5EA6\uFF0C\u5355\u4F4D\u662F\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\u7684\u767E\u5206\u6BD4</td>
<td>number</td>
<td>6</td>
</tr>
<tr>
<td>width</td>
<td>\u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\uFF0C\u5355\u4F4D px</td>
<td>number</td>
<td>132</td>
</tr>
</tbody>
</table>
`,lastUpdated:1748060301067}},An={class:"markdown"};function vn(l,a,e,p,k,b){return r(),f("article",An,a[0]||(a[0]=[w('<p>\u5C55\u793A\u64CD\u4F5C\u7684\u5F53\u524D\u8FDB\u5EA6\u3002</p><h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528 <a class="header-anchor" href="#\u4F55\u65F6\u4F7F\u7528"><span aria-hidden="true" class="anchor">#</span></a></h2><p>\u5728\u64CD\u4F5C\u9700\u8981\u8F83\u957F\u65F6\u95F4\u624D\u80FD\u5B8C\u6210\u65F6\uFF0C\u4E3A\u7528\u6237\u663E\u793A\u8BE5\u64CD\u4F5C\u7684\u5F53\u524D\u8FDB\u5EA6\u548C\u72B6\u6001\u3002</p><ul><li>\u5F53\u4E00\u4E2A\u64CD\u4F5C\u4F1A\u6253\u65AD\u5F53\u524D\u754C\u9762\uFF0C\u6216\u8005\u9700\u8981\u5728\u540E\u53F0\u8FD0\u884C\uFF0C\u4E14\u8017\u65F6\u53EF\u80FD\u8D85\u8FC7 2 \u79D2\u65F6\uFF1B</li><li>\u5F53\u9700\u8981\u663E\u793A\u4E00\u4E2A\u64CD\u4F5C\u5B8C\u6210\u7684\u767E\u5206\u6BD4\u65F6\u3002</li></ul><h2 id="API">API <a class="header-anchor" href="#API"><span aria-hidden="true" class="anchor">#</span></a></h2><p>\u5404\u7C7B\u578B\u5171\u7528\u7684\u5C5E\u6027\u3002</p><table><thead><tr><th>\u5C5E\u6027</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>format</td><td>\u5185\u5BB9\u7684\u6A21\u677F\u51FD\u6570</td><td>function(percent, successPercent)</td><td>(percent) =&gt; percent + <code>%</code></td><td></td></tr><tr><td>percent</td><td>\u767E\u5206\u6BD4</td><td>number</td><td>0</td><td></td></tr><tr><td>showInfo</td><td>\u662F\u5426\u663E\u793A\u8FDB\u5EA6\u6570\u503C\u6216\u72B6\u6001\u56FE\u6807</td><td>boolean</td><td>true</td><td></td></tr><tr><td>status</td><td>\u72B6\u6001\uFF0C\u53EF\u9009\uFF1A<code>success</code> <code>exception</code> <code>normal</code> <code>active</code>(\u4EC5\u9650 line)</td><td>string</td><td>-</td><td></td></tr><tr><td>strokeColor</td><td>\u8FDB\u5EA6\u6761\u7684\u8272\u5F69</td><td>string</td><td>-</td><td></td></tr><tr><td>strokeLinecap</td><td>\u8FDB\u5EA6\u6761\u7684\u6837\u5F0F</td><td><code>round</code> | <code>square</code></td><td><code>round</code></td><td></td></tr><tr><td>success</td><td>\u6210\u529F\u8FDB\u5EA6\u6761\u76F8\u5173\u914D\u7F6E</td><td>{ percent: number, strokeColor: string }</td><td>-</td><td></td></tr><tr><td>title</td><td>html \u6807\u7B7E title</td><td>string</td><td>-</td><td>3.0</td></tr><tr><td>trailColor</td><td>\u672A\u5B8C\u6210\u7684\u5206\u6BB5\u7684\u989C\u8272</td><td>string</td><td>-</td><td></td></tr><tr><td>type</td><td>\u7C7B\u578B\uFF0C\u53EF\u9009 <code>line</code> <code>circle</code> <code>dashboard</code></td><td>string</td><td><code>line</code></td><td></td></tr></tbody></table><h3 id="type-line"><code>type=&quot;line&quot;</code> <a class="header-anchor" href="#type-line"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u5C5E\u6027</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>steps</td><td>\u8FDB\u5EA6\u6761\u603B\u5171\u6B65\u6570</td><td>number</td><td>-</td></tr><tr><td>strokeColor</td><td>\u8FDB\u5EA6\u6761\u7684\u8272\u5F69\uFF0C\u4F20\u5165 object \u65F6\u4E3A\u6E10\u53D8</td><td>string | { from: string; to: string; direction: string }</td><td>-</td></tr><tr><td>strokeWidth</td><td>\u8FDB\u5EA6\u6761\u7EBF\u7684\u5BBD\u5EA6\uFF0C\u5355\u4F4D px</td><td>number</td><td>10</td></tr></tbody></table><h3 id="type-circle"><code>type=&quot;circle&quot;</code> <a class="header-anchor" href="#type-circle"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u5C5E\u6027</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>strokeColor</td><td>\u5706\u5F62\u8FDB\u5EA6\u6761\u7EBF\u7684\u8272\u5F69\uFF0C\u4F20\u5165 object \u65F6\u4E3A\u6E10\u53D8</td><td>string | object</td><td>-</td></tr><tr><td>strokeWidth</td><td>\u5706\u5F62\u8FDB\u5EA6\u6761\u7EBF\u7684\u5BBD\u5EA6\uFF0C\u5355\u4F4D\u662F\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\u7684\u767E\u5206\u6BD4</td><td>number</td><td>6</td></tr><tr><td>width</td><td>\u5706\u5F62\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\uFF0C\u5355\u4F4D px</td><td>number</td><td>132</td></tr></tbody></table><h3 id="type-dashboard"><code>type=&quot;dashboard&quot;</code> <a class="header-anchor" href="#type-dashboard"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u5C5E\u6027</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>gapDegree</td><td>\u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u7F3A\u53E3\u89D2\u5EA6\uFF0C\u53EF\u53D6\u503C 0 ~ 295</td><td>number</td><td>75</td></tr><tr><td>gapPosition</td><td>\u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u7F3A\u53E3\u4F4D\u7F6E</td><td><code>top</code> | <code>bottom</code> | <code>left</code> | <code>right</code></td><td><code>bottom</code></td></tr><tr><td>strokeWidth</td><td>\u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u7EBF\u7684\u5BBD\u5EA6\uFF0C\u5355\u4F4D\u662F\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\u7684\u767E\u5206\u6BD4</td><td>number</td><td>6</td></tr><tr><td>width</td><td>\u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\uFF0C\u5355\u4F4D px</td><td>number</td><td>132</td></tr></tbody></table>',13)]))}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) =&gt; percent + `%` |  |\n| percent | To set the completion percentage | number | 0 |  |\n| showInfo | Whether to display the progress value and the status icon | boolean | true |  |\n| status | To set the status of the Progress, options: `success` `exception` `normal` `active`(line only) | string | - |  |\n| strokeColor | The color of progress bar | string | - |  |\n| strokeLinecap | To set the style of the progress linecap | `round` \\| `square` | `round` |  |\n| success | Configs of successfully progress bar | { percent: number, strokeColor: string } | - |  |\n| 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=&quot;line&quot;`\n\n| Property | Description | Type | Default |\n| --- | --- | --- | --- |\n| steps | The total step count | number | - |\n| strokeColor | The color of progress bar, render `linear-gradient` when passing an object | string \\| { from: string; to: string; direction: string } | - |\n| strokeWidth | To set the width of the progress bar, unit: `px` | number | 10 |\n\n### `type=&quot;circle&quot;`\n\n| Property | Description | Type | Default |\n| --- | --- | --- | --- |\n| strokeColor | The color of circular progress, render `linear-gradient` when passing an object | string \\| object | - |\n| strokeWidth | To set the width of the circular progress, unit: percentage of the canvas width | number | 6 |\n| width | To set the canvas width of the circular progress, unit: `px` | number | 132 |\n\n### `type=&quot;dashboard&quot;`\n\n| Property | Description | Type | Default |\n| --- | --- | --- | --- |\n| gapDegree | The gap degree of half circle, 0 ~ 295 | number | 75 |\n| gapPosition | The gap position, options: `top` `bottom` `left` `right` | string | `bottom` |\n| strokeWidth | To set the width of the dashboard progress, unit: percentage of the canvas width | number | 6 |\n| width | To set the canvas width of the dashboard progress, unit: `px` | number | 132 |\n",html:`<p>Display the current progress of an operation flow.</p>
<h2 id="When-To-Use">When To Use <a class="header-anchor" href="#When-To-Use">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>If it will take a long time to complete an operation, you can use <code>Progress</code> to show the current progress and status.</p>
<ul>
<li>When an operation will interrupt the current interface, or it needs to run in the background for more than 2 seconds.</li>
<li>When you need to display the completion percentage of an operation.</li>
</ul>
<h2 id="API">API <a class="header-anchor" href="#API">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h2>
<p>Properties that shared by all types.</p>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>format</td>
<td>The template function of the content</td>
<td>function(percent, successPercent)</td>
<td>(percent) =&gt; percent + <code>%</code></td>
<td></td>
</tr>
<tr>
<td>percent</td>
<td>To set the completion percentage</td>
<td>number</td>
<td>0</td>
<td></td>
</tr>
<tr>
<td>showInfo</td>
<td>Whether to display the progress value and the status icon</td>
<td>boolean</td>
<td>true</td>
<td></td>
</tr>
<tr>
<td>status</td>
<td>To set the status of the Progress, options: <code>success</code> <code>exception</code> <code>normal</code> <code>active</code>(line only)</td>
<td>string</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>strokeColor</td>
<td>The color of progress bar</td>
<td>string</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>strokeLinecap</td>
<td>To set the style of the progress linecap</td>
<td><code>round</code> | <code>square</code></td>
<td><code>round</code></td>
<td></td>
</tr>
<tr>
<td>success</td>
<td>Configs of successfully progress bar</td>
<td>{ percent: number, strokeColor: string }</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>title</td>
<td>html dom title</td>
<td>string</td>
<td>-</td>
<td>3.0</td>
</tr>
<tr>
<td>trailColor</td>
<td>The color of unfilled part</td>
<td>string</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>type</td>
<td>To set the type, options: <code>line</code> <code>circle</code> <code>dashboard</code></td>
<td>string</td>
<td><code>line</code></td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="type-line"><code>type=&quot;line&quot;</code> <a class="header-anchor" href="#type-line">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
</tr>
</thead>
<tbody>
<tr>
<td>steps</td>
<td>The total step count</td>
<td>number</td>
<td>-</td>
</tr>
<tr>
<td>strokeColor</td>
<td>The color of progress bar, render <code>linear-gradient</code> when passing an object</td>
<td>string | { from: string; to: string; direction: string }</td>
<td>-</td>
</tr>
<tr>
<td>strokeWidth</td>
<td>To set the width of the progress bar, unit: <code>px</code></td>
<td>number</td>
<td>10</td>
</tr>
</tbody>
</table>
<h3 id="type-circle"><code>type=&quot;circle&quot;</code> <a class="header-anchor" href="#type-circle">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
</tr>
</thead>
<tbody>
<tr>
<td>strokeColor</td>
<td>The color of circular progress, render <code>linear-gradient</code> when passing an object</td>
<td>string | object</td>
<td>-</td>
</tr>
<tr>
<td>strokeWidth</td>
<td>To set the width of the circular progress, unit: percentage of the canvas width</td>
<td>number</td>
<td>6</td>
</tr>
<tr>
<td>width</td>
<td>To set the canvas width of the circular progress, unit: <code>px</code></td>
<td>number</td>
<td>132</td>
</tr>
</tbody>
</table>
<h3 id="type-dashboard"><code>type=&quot;dashboard&quot;</code> <a class="header-anchor" href="#type-dashboard">
          <span aria-hidden="true" class="anchor">#</span>
        </a></h3>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
</tr>
</thead>
<tbody>
<tr>
<td>gapDegree</td>
<td>The gap degree of half circle, 0 ~ 295</td>
<td>number</td>
<td>75</td>
</tr>
<tr>
<td>gapPosition</td>
<td>The gap position, options: <code>top</code> <code>bottom</code> <code>left</code> <code>right</code></td>
<td>string</td>
<td><code>bottom</code></td>
</tr>
<tr>
<td>strokeWidth</td>
<td>To set the width of the dashboard progress, unit: percentage of the canvas width</td>
<td>number</td>
<td>6</td>
</tr>
<tr>
<td>width</td>
<td>To set the canvas width of the dashboard progress, unit: <code>px</code></td>
<td>number</td>
<td>132</td>
</tr>
</tbody>
</table>
`,lastUpdated:1748060301065}},wn={class:"markdown"};function Pn(l,a,e,p,k,b){return r(),f("article",wn,a[0]||(a[0]=[w('<p>Display the current progress of an operation flow.</p><h2 id="When-To-Use">When To Use <a class="header-anchor" href="#When-To-Use"><span aria-hidden="true" class="anchor">#</span></a></h2><p>If it will take a long time to complete an operation, you can use <code>Progress</code> to show the current progress and status.</p><ul><li>When an operation will interrupt the current interface, or it needs to run in the background for more than 2 seconds.</li><li>When you need to display the completion percentage of an operation.</li></ul><h2 id="API">API <a class="header-anchor" href="#API"><span aria-hidden="true" class="anchor">#</span></a></h2><p>Properties that shared by all types.</p><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>format</td><td>The template function of the content</td><td>function(percent, successPercent)</td><td>(percent) =&gt; percent + <code>%</code></td><td></td></tr><tr><td>percent</td><td>To set the completion percentage</td><td>number</td><td>0</td><td></td></tr><tr><td>showInfo</td><td>Whether to display the progress value and the status icon</td><td>boolean</td><td>true</td><td></td></tr><tr><td>status</td><td>To set the status of the Progress, options: <code>success</code> <code>exception</code> <code>normal</code> <code>active</code>(line only)</td><td>string</td><td>-</td><td></td></tr><tr><td>strokeColor</td><td>The color of progress bar</td><td>string</td><td>-</td><td></td></tr><tr><td>strokeLinecap</td><td>To set the style of the progress linecap</td><td><code>round</code> | <code>square</code></td><td><code>round</code></td><td></td></tr><tr><td>success</td><td>Configs of successfully progress bar</td><td>{ percent: number, strokeColor: string }</td><td>-</td><td></td></tr><tr><td>title</td><td>html dom title</td><td>string</td><td>-</td><td>3.0</td></tr><tr><td>trailColor</td><td>The color of unfilled part</td><td>string</td><td>-</td><td></td></tr><tr><td>type</td><td>To set the type, options: <code>line</code> <code>circle</code> <code>dashboard</code></td><td>string</td><td><code>line</code></td><td></td></tr></tbody></table><h3 id="type-line"><code>type=&quot;line&quot;</code> <a class="header-anchor" href="#type-line"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>steps</td><td>The total step count</td><td>number</td><td>-</td></tr><tr><td>strokeColor</td><td>The color of progress bar, render <code>linear-gradient</code> when passing an object</td><td>string | { from: string; to: string; direction: string }</td><td>-</td></tr><tr><td>strokeWidth</td><td>To set the width of the progress bar, unit: <code>px</code></td><td>number</td><td>10</td></tr></tbody></table><h3 id="type-circle"><code>type=&quot;circle&quot;</code> <a class="header-anchor" href="#type-circle"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>strokeColor</td><td>The color of circular progress, render <code>linear-gradient</code> when passing an object</td><td>string | object</td><td>-</td></tr><tr><td>strokeWidth</td><td>To set the width of the circular progress, unit: percentage of the canvas width</td><td>number</td><td>6</td></tr><tr><td>width</td><td>To set the canvas width of the circular progress, unit: <code>px</code></td><td>number</td><td>132</td></tr></tbody></table><h3 id="type-dashboard"><code>type=&quot;dashboard&quot;</code> <a class="header-anchor" href="#type-dashboard"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>gapDegree</td><td>The gap degree of half circle, 0 ~ 295</td><td>number</td><td>75</td></tr><tr><td>gapPosition</td><td>The gap position, options: <code>top</code> <code>bottom</code> <code>left</code> <code>right</code></td><td>string</td><td><code>bottom</code></td></tr><tr><td>strokeWidth</td><td>To set the width of the dashboard progress, unit: percentage of the canvas width</td><td>number</td><td>6</td></tr><tr><td>width</td><td>To set the canvas width of the dashboard progress, unit: <code>px</code></td><td>number</td><td>132</td></tr></tbody></table>',13)]))}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};