Эхлэл Бүгдийг харах Тусламж
Бүртгүүлэх Нэвтрэх
wicresoft
/
doc_project
2
0
Салаа 0
Файлууд Асуудлууд 0 Хуулах хүсэлтүүд 0 Мэдлэгийн сан
Мод: bf1fb50bbd
Салаанууд Тагууд
doc_project
/
2x.antv.design
/
assets
/
index.6d15ff26.js

index.6d15ff26.js 155 KB
Түүх Анхны өгөгдөл

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817 
  1. import{_ as u,j as c,k as r,l as i,w as o,f as a,b as n,e as t,d as A,P as v,r as y,t as V,a as Z,n as w}from"./index.c1b9962e.js";import{M as P}from"./MinusOutlined.d7f233c1.js";const N={};function q(l,s){const e=c("a-progress"),p=c("demo-box");return r(),i(p,{jsfiddle:{us:"A standard progress bar.",cn:"\u6807\u51C6\u7684\u8FDB\u5EA6\u6761\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    2. 

  2. <p>\u6807\u51C6\u7684\u8FDB\u5EA6\u6761\u3002</p>
    3. 

  3. <h2 id="en-us">en-US</h2>
    4. 

  4. <p>A standard progress bar.</p>
    5. 

  5. `,order:0,title:{"zh-CN":"\u8FDB\u5EA6\u6761","en-US":"Progress bar"},relativePath:"src/docs/progress/demo/line.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSIzMCIgLz4KICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iNTAiIHN0YXR1cz0iYWN0aXZlIiAvPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSI3MCIgc3RhdHVzPSJleGNlcHRpb24iIC8+CiAgPGEtcHJvZ3Jlc3MgOnBlcmNlbnQ9IjEwMCIgLz4KICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iNTAiIDpzaG93LWluZm89ImZhbHNlIiAvPgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSIzMCIgLz4KICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iNTAiIHN0YXR1cz0iYWN0aXZlIiAvPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSI3MCIgc3RhdHVzPSJleGNlcHRpb24iIC8+CiAgPGEtcHJvZ3Jlc3MgOnBlcmNlbnQ9IjEwMCIgLz4KICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iNTAiIDpzaG93LWluZm89ImZhbHNlIiAvPgo8L3RlbXBsYXRlPg=="}},{default:o(()=>[a(e,{percent:30}),a(e,{percent:50,status:"active"}),a(e,{percent:70,status:"exception"}),a(e,{percent:100}),a(e,{percent:50,"show-info":!1})]),htmlCode:o(()=>s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    6. 

  6.   `),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(`
    7. 

  7.   `),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(`
    8. 

  8.   `),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(`
    9. 

  9.   `),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(`
    10. 

  10.   `),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(`
    11. 

  11. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    12. 

  12. `)])],-1)])),jsVersionHtml:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    13. 

  13.   `),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(`
    14. 

  14.   `),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(`
    15. 

  15.   `),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(`
    16. 

  16.   `),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(`
    17. 

  17.   `),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(`
    18. 

  18. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    19. 

  19. `)])],-1)])),_:1})}var S=u(N,[["render",q]]);const W={};function x(l,s){const e=c("a-progress"),p=c("demo-box");return r(),i(p,{jsfiddle:{us:"A circular progress bar.",cn:"\u5708\u5F62\u7684\u8FDB\u5EA6\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    20. 

  20. <p>\u5708\u5F62\u7684\u8FDB\u5EA6\u3002</p>
    21. 

  21. <h2 id="en-us">en-US</h2>
    22. 

  22. <p>A circular progress bar.</p>
    23. 

  23. `,order:1,title:{"zh-CN":"\u8FDB\u5EA6\u5708","en-US":"Circular progress bar"},relativePath:"src/docs/progress/demo/circle.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9Ijc1IiAvPgogIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9IjcwIiBzdGF0dXM9ImV4Y2VwdGlvbiIgLz4KICA8YS1wcm9ncmVzcyB0eXBlPSJjaXJjbGUiIDpwZXJjZW50PSIxMDAiIC8+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9Ijc1IiAvPgogIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9IjcwIiBzdGF0dXM9ImV4Y2VwdGlvbiIgLz4KICA8YS1wcm9ncmVzcyB0eXBlPSJjaXJjbGUiIDpwZXJjZW50PSIxMDAiIC8+CjwvdGVtcGxhdGU+"}},{default:o(()=>[a(e,{type:"circle",percent:75}),a(e,{type:"circle",percent:70,status:"exception"}),a(e,{type:"circle",percent:100})]),htmlCode:o(()=>s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    24. 

  24.   `),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(`
    25. 

  25.   `),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(`
    26. 

  26.   `),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(`
    27. 

  27. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    28. 

  28. `)])],-1)])),jsVersionHtml:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    29. 

  29.   `),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(`
    30. 

  30.   `),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(`
    31. 

  31.   `),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(`
    32. 

  32. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    33. 

  33. `)])],-1)])),_:1})}var j=u(W,[["render",x]]);const H={},R={style:{width:"170px"}};function _(l,s){const e=c("a-progress"),p=c("demo-box");return r(),i(p,{jsfiddle:{us:"Appropriate for a narrow area.",cn:"\u9002\u5408\u653E\u5728\u8F83\u72ED\u7A84\u7684\u533A\u57DF\u5185\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    34. 

  34. <p>\u9002\u5408\u653E\u5728\u8F83\u72ED\u7A84\u7684\u533A\u57DF\u5185\u3002</p>
    35. 

  35. <h2 id="en-us">en-US</h2>
    36. 

  36. <p>Appropriate for a narrow area.</p>
    37. 

  37. `,order:2,title:{"zh-CN":"\u5C0F\u578B\u8FDB\u5EA6\u6761","en-US":"Mini size progress bar"},relativePath:"src/docs/progress/demo/line-mini.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXYgc3R5bGU9IndpZHRoOiAxNzBweCI+CiAgICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iMzAiIHNpemU9InNtYWxsIiAvPgogICAgPGEtcHJvZ3Jlc3MgOnBlcmNlbnQ9IjUwIiBzaXplPSJzbWFsbCIgc3RhdHVzPSJhY3RpdmUiIC8+CiAgICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iNzAiIHNpemU9InNtYWxsIiBzdGF0dXM9ImV4Y2VwdGlvbiIgLz4KICAgIDxhLXByb2dyZXNzIDpwZXJjZW50PSIxMDAiIHNpemU9InNtYWxsIiAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXYgc3R5bGU9IndpZHRoOiAxNzBweCI+CiAgICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iMzAiIHNpemU9InNtYWxsIiAvPgogICAgPGEtcHJvZ3Jlc3MgOnBlcmNlbnQ9IjUwIiBzaXplPSJzbWFsbCIgc3RhdHVzPSJhY3RpdmUiIC8+CiAgICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iNzAiIHNpemU9InNtYWxsIiBzdGF0dXM9ImV4Y2VwdGlvbiIgLz4KICAgIDxhLXByb2dyZXNzIDpwZXJjZW50PSIxMDAiIHNpemU9InNtYWxsIiAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPg=="}},{default:o(()=>[n("div",R,[a(e,{percent:30,size:"small"}),a(e,{percent:50,size:"small",status:"active"}),a(e,{percent:70,size:"small",status:"exception"}),a(e,{percent:100,size:"small"})])]),htmlCode:o(()=>s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    38. 

  38.   `),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(`
    39. 

  39.     `),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(`
    40. 

  40.     `),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(`
    41. 

  41.     `),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(`
    42. 

  42.     `),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(`
    43. 

  43.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    44. 

  44. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    45. 

  45. `)])],-1)])),jsVersionHtml:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    46. 

  46.   `),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(`
    47. 

  47.     `),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(`
    48. 

  48.     `),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(`
    49. 

  49.     `),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(`
    50. 

  50.     `),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(`
    51. 

  51.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    52. 

  52. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    53. 

  53. `)])],-1)])),_:1})}var J=u(H,[["render",_]]);const L={};function U(l,s){const e=c("a-progress"),p=c("demo-box");return r(),i(p,{jsfiddle:{us:"A smaller circular progress bar.",cn:"\u5C0F\u4E00\u53F7\u7684\u5708\u5F62\u8FDB\u5EA6\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    54. 

  54. <p>\u5C0F\u4E00\u53F7\u7684\u5708\u5F62\u8FDB\u5EA6\u3002</p>
    55. 

  55. <h2 id="en-us">en-US</h2>
    56. 

  56. <p>A smaller circular progress bar.</p>
    57. 

  57. `,order:3,title:{"zh-CN":"\u5C0F\u578B\u8FDB\u5EA6\u5708","en-US":"Mini size circular progress bar"},relativePath:"src/docs/progress/demo/circle-mini.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9IjMwIiA6d2lkdGg9IjgwIiAvPgogIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9IjcwIiA6d2lkdGg9IjgwIiBzdGF0dXM9ImV4Y2VwdGlvbiIgLz4KICA8YS1wcm9ncmVzcyB0eXBlPSJjaXJjbGUiIDpwZXJjZW50PSIxMDAiIDp3aWR0aD0iODAiIC8+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9IjMwIiA6d2lkdGg9IjgwIiAvPgogIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9IjcwIiA6d2lkdGg9IjgwIiBzdGF0dXM9ImV4Y2VwdGlvbiIgLz4KICA8YS1wcm9ncmVzcyB0eXBlPSJjaXJjbGUiIDpwZXJjZW50PSIxMDAiIDp3aWR0aD0iODAiIC8+CjwvdGVtcGxhdGU+"}},{default:o(()=>[a(e,{type:"circle",percent:30,width:80}),a(e,{type:"circle",percent:70,width:80,status:"exception"}),a(e,{type:"circle",percent:100,width:80})]),htmlCode:o(()=>s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    58. 

  58.   `),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(`
    59. 

  59.   `),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(`
    60. 

  60.   `),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(`
    61. 

  61. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    62. 

  62. `)])],-1)])),jsVersionHtml:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    63. 

  63.   `),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(`
    64. 

  64.   `),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(`
    65. 

  65.   `),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(`
    66. 

  66. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    67. 

  67. `)])],-1)])),_:1})}var M=u(L,[["render",U]]);const T=A({components:{MinusOutlined:P,PlusOutlined:v},setup(){const l=y(0);return{defaultPercent:l,increase:()=>{const p=l.value+10;l.value=p>100?100:p},decline:()=>{const p=l.value-10;l.value=p<0?0:p}}}});function K(l,s,e,p,k,h){const g=c("a-progress"),m=c("minus-outlined"),d=c("a-button"),I=c("plus-outlined"),C=c("a-button-group"),b=c("demo-box");return r(),i(b,{jsfiddle:{us:"A dynamic progress bar is better.",cn:"\u4F1A\u52A8\u7684\u8FDB\u5EA6\u6761\u624D\u662F\u597D\u8FDB\u5EA6\u6761\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    68. 

  68. <p>\u4F1A\u52A8\u7684\u8FDB\u5EA6\u6761\u624D\u662F\u597D\u8FDB\u5EA6\u6761\u3002</p>
    69. 

  69. <h2 id="en-us">en-US</h2>
    70. 

  70. <p>A dynamic progress bar is better.</p>
    71. 

  71. `,order:4,title:{"zh-CN":"\u52A8\u6001\u5C55\u793A","en-US":"Dynamic"},relativePath:"src/docs/progress/demo/dynamic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iZGVmYXVsdFBlcmNlbnQiIC8+CiAgICA8YS1idXR0b24tZ3JvdXA+CiAgICAgIDxhLWJ1dHRvbiBAY2xpY2s9ImRlY2xpbmUiPgogICAgICAgIDx0ZW1wbGF0ZSAjaWNvbj48bWludXMtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgICA8L2EtYnV0dG9uPgogICAgICA8YS1idXR0b24gQGNsaWNrPSJpbmNyZWFzZSI+CiAgICAgICAgPHRlbXBsYXRlICNpY29uPjxwbHVzLW91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICAgICAgPC9hLWJ1dHRvbj4KICAgIDwvYS1idXR0b24tZ3JvdXA+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBNaW51c091dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKaW1wb3J0IHsgUGx1c091dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIGNvbXBvbmVudHM6IHsKICAgIE1pbnVzT3V0bGluZWQsCiAgICBQbHVzT3V0bGluZWQsCiAgfSwKICBzZXR1cCgpIHsKICAgIGNvbnN0IGRlZmF1bHRQZXJjZW50ID0gcmVmPG51bWJlcj4oMCk7CgogICAgY29uc3QgaW5jcmVhc2UgPSAoKSA9PiB7CiAgICAgIGNvbnN0IHBlcmNlbnQgPSBkZWZhdWx0UGVyY2VudC52YWx1ZSArIDEwOwogICAgICBkZWZhdWx0UGVyY2VudC52YWx1ZSA9IHBlcmNlbnQgPiAxMDAgPyAxMDAgOiBwZXJjZW50OwogICAgfTsKCiAgICBjb25zdCBkZWNsaW5lID0gKCkgPT4gewogICAgICBjb25zdCBwZXJjZW50ID0gZGVmYXVsdFBlcmNlbnQudmFsdWUgLSAxMDsKICAgICAgZGVmYXVsdFBlcmNlbnQudmFsdWUgPSBwZXJjZW50IDwgMCA/IDAgOiBwZXJjZW50OwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIGRlZmF1bHRQZXJjZW50LAogICAgICBpbmNyZWFzZSwKICAgICAgZGVjbGluZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyA6cGVyY2VudD0iZGVmYXVsdFBlcmNlbnQiIC8+CiAgICA8YS1idXR0b24tZ3JvdXA+CiAgICAgIDxhLWJ1dHRvbiBAY2xpY2s9ImRlY2xpbmUiPgogICAgICAgIDx0ZW1wbGF0ZSAjaWNvbj48bWludXMtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgICA8L2EtYnV0dG9uPgogICAgICA8YS1idXR0b24gQGNsaWNrPSJpbmNyZWFzZSI+CiAgICAgICAgPHRlbXBsYXRlICNpY29uPjxwbHVzLW91dGxpbmVkIC8+PC90ZW1wbGF0ZT4KICAgICAgPC9hLWJ1dHRvbj4KICAgIDwvYS1idXR0b24tZ3JvdXA+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IE1pbnVzT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgeyBQbHVzT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgTWludXNPdXRsaW5lZCwKICAgIFBsdXNPdXRsaW5lZCwKICB9LAogIHNldHVwKCkgewogICAgY29uc3QgZGVmYXVsdFBlcmNlbnQgPSByZWYoMCk7CiAgICBjb25zdCBpbmNyZWFzZSA9ICgpID0+IHsKICAgICAgY29uc3QgcGVyY2VudCA9IGRlZmF1bHRQZXJjZW50LnZhbHVlICsgMTA7CiAgICAgIGRlZmF1bHRQZXJjZW50LnZhbHVlID0gcGVyY2VudCA+IDEwMCA/IDEwMCA6IHBlcmNlbnQ7CiAgICB9OwogICAgY29uc3QgZGVjbGluZSA9ICgpID0+IHsKICAgICAgY29uc3QgcGVyY2VudCA9IGRlZmF1bHRQZXJjZW50LnZhbHVlIC0gMTA7CiAgICAgIGRlZmF1bHRQZXJjZW50LnZhbHVlID0gcGVyY2VudCA8IDAgPyAwIDogcGVyY2VudDsKICAgIH07CiAgICByZXR1cm4gewogICAgICBkZWZhdWx0UGVyY2VudCwKICAgICAgaW5jcmVhc2UsCiAgICAgIGRlY2xpbmUsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:o(()=>[n("div",null,[a(g,{percent:l.defaultPercent},null,8,["percent"]),a(C,null,{default:o(()=>[a(d,{onClick:l.decline},{icon:o(()=>[a(m)]),_:1},8,["onClick"]),a(d,{onClick:l.increase},{icon:o(()=>[a(I)]),_:1},8,["onClick"])]),_:1})])]),htmlCode:o(()=>s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    72. 

  72.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    73. 

  73.     `),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(`
    74. 

  74.     `),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(`
    75. 

  75.       `),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(`
    76. 

  76.         `),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(`
    77. 

  77.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    78. 

  78.       `),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(`
    79. 

  79.         `),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(`
    80. 

  80.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    81. 

  81.     `),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(`
    82. 

  82.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    83. 

  83. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    84. 

  84. `),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(`
    85. 

  85. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" MinusOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
    86. 

  86. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" PlusOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
    87. 

  87. `),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(`
    88. 

  88. `),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(`
    89. 

  89.   `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    90. 

  90.     MinusOutlined`),n("span",{class:"token punctuation"},","),t(`
    91. 

  91.     PlusOutlined`),n("span",{class:"token punctuation"},","),t(`
    92. 

  92.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    93. 

  93.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    94. 

  94.     `),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(`
    95. 

  95. 

  96.     `),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(`
    97. 

  97.       `),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(`
    98. 

  98.       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(`
    99. 

  99.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    100. 

  100. 

  101.     `),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(`
    102. 

  102.       `),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(`
    103. 

  103.       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(`
    104. 

  104.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    105. 

  105.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    106. 

  106.       defaultPercent`),n("span",{class:"token punctuation"},","),t(`
    107. 

  107.       increase`),n("span",{class:"token punctuation"},","),t(`
    108. 

  108.       decline`),n("span",{class:"token punctuation"},","),t(`
    109. 

  109.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    110. 

  110.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    111. 

  111. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    112. 

  112. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    113. 

  113. `)])],-1)])),jsVersionHtml:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    114. 

  114.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    115. 

  115.     `),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(`
    116. 

  116.     `),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(`
    117. 

  117.       `),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(`
    118. 

  118.         `),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(`
    119. 

  119.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    120. 

  120.       `),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(`
    121. 

  121.         `),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(`
    122. 

  122.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    123. 

  123.     `),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(`
    124. 

  124.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    125. 

  125. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    126. 

  126. `),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(`
    127. 

  127. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" MinusOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
    128. 

  128. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" PlusOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
    129. 

  129. `),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(`
    130. 

  130. `),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(`
    131. 

  131.   `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    132. 

  132.     MinusOutlined`),n("span",{class:"token punctuation"},","),t(`
    133. 

  133.     PlusOutlined`),n("span",{class:"token punctuation"},","),t(`
    134. 

  134.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    135. 

  135.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    136. 

  136.     `),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(`
    137. 

  137.     `),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(`
    138. 

  138.       `),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(`
    139. 

  139.       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(`
    140. 

  140.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    141. 

  141.     `),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(`
    142. 

  142.       `),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(`
    143. 

  143.       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(`
    144. 

  144.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    145. 

  145.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    146. 

  146.       defaultPercent`),n("span",{class:"token punctuation"},","),t(`
    147. 

  147.       increase`),n("span",{class:"token punctuation"},","),t(`
    148. 

  148.       decline`),n("span",{class:"token punctuation"},","),t(`
    149. 

  149.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    150. 

  150.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    151. 

  151. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    152. 

  152. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    153. 

  153. `)])],-1)])),_:1})}var O=u(T,[["render",K]]);const Q=A({components:{MinusOutlined:P,PlusOutlined:v},setup(){const l=y(0);return{defaultPercent:l,increase:()=>{const p=l.value+10;l.value=p>100?100:p},decline:()=>{const p=l.value-10;l.value=p<0?0:p}}}});function F(l,s,e,p,k,h){const g=c("a-progress"),m=c("minus-outlined"),d=c("a-button"),I=c("plus-outlined"),C=c("a-button-group"),b=c("demo-box");return r(),i(b,{jsfiddle:{us:"A dynamic progress bar is better.",cn:"\u4F1A\u52A8\u7684\u8FDB\u5EA6\u6761\u624D\u662F\u597D\u8FDB\u5EA6\u6761\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    154. 

  154. <p>\u4F1A\u52A8\u7684\u8FDB\u5EA6\u6761\u624D\u662F\u597D\u8FDB\u5EA6\u6761\u3002</p>
    155. 

  155. <h2 id="en-us">en-US</h2>
    156. 

  156. <p>A dynamic progress bar is better.</p>
    157. 

  157. `,order:5,title:{"zh-CN":"\u8FDB\u5EA6\u5708\u52A8\u6001\u5C55\u793A","en-US":"Dynamic circular progress bar"},relativePath:"src/docs/progress/demo/circle-dynamic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyB0eXBlPSJjaXJjbGUiIDpwZXJjZW50PSJkZWZhdWx0UGVyY2VudCIgLz4KICAgIDxhLWJ1dHRvbi1ncm91cD4KICAgICAgPGEtYnV0dG9uIEBjbGljaz0iZGVjbGluZSI+CiAgICAgICAgPHRlbXBsYXRlICNpY29uPjxtaW51cy1vdXRsaW5lZCAvPjwvdGVtcGxhdGU+CiAgICAgIDwvYS1idXR0b24+CiAgICAgIDxhLWJ1dHRvbiBAY2xpY2s9ImluY3JlYXNlIj4KICAgICAgICA8dGVtcGxhdGUgI2ljb24+PHBsdXMtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgICA8L2EtYnV0dG9uPgogICAgPC9hLWJ1dHRvbi1ncm91cD4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IE1pbnVzT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgeyBQbHVzT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgTWludXNPdXRsaW5lZCwKICAgIFBsdXNPdXRsaW5lZCwKICB9LAogIHNldHVwKCkgewogICAgY29uc3QgZGVmYXVsdFBlcmNlbnQgPSByZWY8bnVtYmVyPigwKTsKCiAgICBjb25zdCBpbmNyZWFzZSA9ICgpID0+IHsKICAgICAgY29uc3QgcGVyY2VudCA9IGRlZmF1bHRQZXJjZW50LnZhbHVlICsgMTA7CiAgICAgIGRlZmF1bHRQZXJjZW50LnZhbHVlID0gcGVyY2VudCA+IDEwMCA/IDEwMCA6IHBlcmNlbnQ7CiAgICB9OwoKICAgIGNvbnN0IGRlY2xpbmUgPSAoKSA9PiB7CiAgICAgIGNvbnN0IHBlcmNlbnQgPSBkZWZhdWx0UGVyY2VudC52YWx1ZSAtIDEwOwogICAgICBkZWZhdWx0UGVyY2VudC52YWx1ZSA9IHBlcmNlbnQgPCAwID8gMCA6IHBlcmNlbnQ7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgZGVmYXVsdFBlcmNlbnQsCiAgICAgIGluY3JlYXNlLAogICAgICBkZWNsaW5lLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyB0eXBlPSJjaXJjbGUiIDpwZXJjZW50PSJkZWZhdWx0UGVyY2VudCIgLz4KICAgIDxhLWJ1dHRvbi1ncm91cD4KICAgICAgPGEtYnV0dG9uIEBjbGljaz0iZGVjbGluZSI+CiAgICAgICAgPHRlbXBsYXRlICNpY29uPjxtaW51cy1vdXRsaW5lZCAvPjwvdGVtcGxhdGU+CiAgICAgIDwvYS1idXR0b24+CiAgICAgIDxhLWJ1dHRvbiBAY2xpY2s9ImluY3JlYXNlIj4KICAgICAgICA8dGVtcGxhdGUgI2ljb24+PHBsdXMtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogICAgICA8L2EtYnV0dG9uPgogICAgPC9hLWJ1dHRvbi1ncm91cD4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgTWludXNPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB7IFBsdXNPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBjb21wb25lbnRzOiB7CiAgICBNaW51c091dGxpbmVkLAogICAgUGx1c091dGxpbmVkLAogIH0sCiAgc2V0dXAoKSB7CiAgICBjb25zdCBkZWZhdWx0UGVyY2VudCA9IHJlZigwKTsKICAgIGNvbnN0IGluY3JlYXNlID0gKCkgPT4gewogICAgICBjb25zdCBwZXJjZW50ID0gZGVmYXVsdFBlcmNlbnQudmFsdWUgKyAxMDsKICAgICAgZGVmYXVsdFBlcmNlbnQudmFsdWUgPSBwZXJjZW50ID4gMTAwID8gMTAwIDogcGVyY2VudDsKICAgIH07CiAgICBjb25zdCBkZWNsaW5lID0gKCkgPT4gewogICAgICBjb25zdCBwZXJjZW50ID0gZGVmYXVsdFBlcmNlbnQudmFsdWUgLSAxMDsKICAgICAgZGVmYXVsdFBlcmNlbnQudmFsdWUgPSBwZXJjZW50IDwgMCA/IDAgOiBwZXJjZW50OwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIGRlZmF1bHRQZXJjZW50LAogICAgICBpbmNyZWFzZSwKICAgICAgZGVjbGluZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:o(()=>[n("div",null,[a(g,{type:"circle",percent:l.defaultPercent},null,8,["percent"]),a(C,null,{default:o(()=>[a(d,{onClick:l.decline},{icon:o(()=>[a(m)]),_:1},8,["onClick"]),a(d,{onClick:l.increase},{icon:o(()=>[a(I)]),_:1},8,["onClick"])]),_:1})])]),htmlCode:o(()=>s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    158. 

  158.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    159. 

  159.     `),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(`
    160. 

  160.     `),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(`
    161. 

  161.       `),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(`
    162. 

  162.         `),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(`
    163. 

  163.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    164. 

  164.       `),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(`
    165. 

  165.         `),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(`
    166. 

  166.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    167. 

  167.     `),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(`
    168. 

  168.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    169. 

  169. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    170. 

  170. `),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(`
    171. 

  171. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" MinusOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
    172. 

  172. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" PlusOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
    173. 

  173. `),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(`
    174. 

  174. `),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(`
    175. 

  175.   `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    176. 

  176.     MinusOutlined`),n("span",{class:"token punctuation"},","),t(`
    177. 

  177.     PlusOutlined`),n("span",{class:"token punctuation"},","),t(`
    178. 

  178.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    179. 

  179.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    180. 

  180.     `),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(`
    181. 

  181. 

  182.     `),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(`
    183. 

  183.       `),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(`
    184. 

  184.       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(`
    185. 

  185.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    186. 

  186. 

  187.     `),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(`
    188. 

  188.       `),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(`
    189. 

  189.       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(`
    190. 

  190.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    191. 

  191.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    192. 

  192.       defaultPercent`),n("span",{class:"token punctuation"},","),t(`
    193. 

  193.       increase`),n("span",{class:"token punctuation"},","),t(`
    194. 

  194.       decline`),n("span",{class:"token punctuation"},","),t(`
    195. 

  195.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    196. 

  196.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    197. 

  197. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    198. 

  198. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    199. 

  199. `)])],-1)])),jsVersionHtml:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    200. 

  200.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    201. 

  201.     `),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(`
    202. 

  202.     `),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(`
    203. 

  203.       `),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(`
    204. 

  204.         `),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(`
    205. 

  205.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    206. 

  206.       `),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(`
    207. 

  207.         `),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(`
    208. 

  208.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),n("span",{class:"token punctuation"},">")]),t(`
    209. 

  209.     `),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(`
    210. 

  210.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    211. 

  211. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    212. 

  212. `),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(`
    213. 

  213. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" MinusOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
    214. 

  214. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" PlusOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
    215. 

  215. `),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(`
    216. 

  216. `),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(`
    217. 

  217.   `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    218. 

  218.     MinusOutlined`),n("span",{class:"token punctuation"},","),t(`
    219. 

  219.     PlusOutlined`),n("span",{class:"token punctuation"},","),t(`
    220. 

  220.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    221. 

  221.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    222. 

  222.     `),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(`
    223. 

  223.     `),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(`
    224. 

  224.       `),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(`
    225. 

  225.       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(`
    226. 

  226.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    227. 

  227.     `),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(`
    228. 

  228.       `),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(`
    229. 

  229.       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(`
    230. 

  230.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    231. 

  231.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    232. 

  232.       defaultPercent`),n("span",{class:"token punctuation"},","),t(`
    233. 

  233.       increase`),n("span",{class:"token punctuation"},","),t(`
    234. 

  234.       decline`),n("span",{class:"token punctuation"},","),t(`
    235. 

  235.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    236. 

  236.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    237. 

  237. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    238. 

  238. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    239. 

  239. `)])],-1)])),_:1})}var $=u(Q,[["render",F]]);const E={},nn={style:{color:"red"}};function tn(l,s){const e=c("a-progress"),p=c("demo-box");return r(),i(p,{jsfiddle:{us:"You can set a custom text by setting the `format` prop.",cn:"`format` \u5C5E\u6027\u6307\u5B9A\u683C\u5F0F\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    240. 

  240. <p><code>format</code> \u5C5E\u6027\u6307\u5B9A\u683C\u5F0F\u3002</p>
    241. 

  241. <h2 id="en-us">en-US</h2>
    242. 

  242. <p>You can set a custom text by setting the <code>format</code> prop.</p>
    243. 

  243. `,order:6,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u6587\u5B57\u683C\u5F0F","en-US":"Custom text format"},relativePath:"src/docs/progress/demo/format.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyB0eXBlPSJjaXJjbGUiIDpwZXJjZW50PSI3NSIgOmZvcm1hdD0icGVyY2VudCA9PiBgJHtwZXJjZW50fSBEYXlzYCIgLz4KICAgIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9IjEwMCIgOmZvcm1hdD0iKCkgPT4gJ0RvbmUnIiAvPgogICAgPGEtcHJvZ3Jlc3MgdHlwZT0iY2lyY2xlIiA6cGVyY2VudD0iNzUiPgogICAgICA8dGVtcGxhdGUgI2Zvcm1hdD0icGVyY2VudCI+CiAgICAgICAgPHNwYW4gc3R5bGU9ImNvbG9yOiByZWQiPnt7IHBlcmNlbnQgfX08L3NwYW4+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtcHJvZ3Jlc3M+CiAgPC9kaXY+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyB0eXBlPSJjaXJjbGUiIDpwZXJjZW50PSI3NSIgOmZvcm1hdD0icGVyY2VudCA9PiBgJHtwZXJjZW50fSBEYXlzYCIgLz4KICAgIDxhLXByb2dyZXNzIHR5cGU9ImNpcmNsZSIgOnBlcmNlbnQ9IjEwMCIgOmZvcm1hdD0iKCkgPT4gJ0RvbmUnIiAvPgogICAgPGEtcHJvZ3Jlc3MgdHlwZT0iY2lyY2xlIiA6cGVyY2VudD0iNzUiPgogICAgICA8dGVtcGxhdGUgI2Zvcm1hdD0icGVyY2VudCI+CiAgICAgICAgPHNwYW4gc3R5bGU9ImNvbG9yOiByZWQiPnt7IHBlcmNlbnQgfX08L3NwYW4+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtcHJvZ3Jlc3M+CiAgPC9kaXY+CjwvdGVtcGxhdGU+"}},{default:o(()=>[n("div",null,[a(e,{type:"circle",percent:75,format:k=>`${k} Days`},null,8,["format"]),a(e,{type:"circle",percent:100,format:()=>"Done"}),a(e,{type:"circle",percent:75},{format:o(k=>[n("span",nn,V(k),1)]),_:1})])]),htmlCode:o(()=>s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    244. 

  244.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    245. 

  245.     `),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(`
    246. 

  246.     `),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(`
    247. 

  247.     `),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(`
    248. 

  248.       `),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(`
    249. 

  249.         `),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(`
    250. 

  250.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    251. 

  251.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-progress")]),n("span",{class:"token punctuation"},">")]),t(`
    252. 

  252.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    253. 

  253. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    254. 

  254. `)])],-1)])),jsVersionHtml:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    255. 

  255.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    256. 

  256.     `),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(`
    257. 

  257.     `),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(`
    258. 

  258.     `),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(`
    259. 

  259.       `),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(`
    260. 

  260.         `),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(`
    261. 

  261.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    262. 

  262.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-progress")]),n("span",{class:"token punctuation"},">")]),t(`
    263. 

  263.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    264. 

  264. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    265. 

  265. `)])],-1)])),_:1})}var sn=u(E,[["render",tn]]);const an={};function en(l,s){const e=c("a-progress"),p=c("demo-box");return r(),i(p,{jsfiddle:{us:"By setting `type=dashboard`, you can get a dashboard style of progress easily.",cn:"\u901A\u8FC7\u8BBE\u7F6E `type=dashboard`\uFF0C\u53EF\u4EE5\u5F88\u65B9\u4FBF\u5730\u5B9E\u73B0\u4EEA\u8868\u76D8\u6837\u5F0F\u7684\u8FDB\u5EA6\u6761\u3002\u82E5\u60F3\u8981\u4FEE\u6539\u7F3A\u53E3\u7684\u89D2\u5EA6\uFF0C\u53EF\u4EE5\u8BBE\u7F6E `gapDegree` \u4E3A\u4F60\u60F3\u8981\u7684\u503C\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    266. 

  266. <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>
    267. 

  267. <h2 id="en-us">en-US</h2>
    268. 

  268. <p>By setting <code>type=dashboard</code>, you can get a dashboard style of progress easily.</p>
    269. 

  269. `,order:7,title:{"zh-CN":"\u4EEA\u8868\u76D8","en-US":"Dashboard"},relativePath:"src/docs/progress/demo/dashboard.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyB0eXBlPSJkYXNoYm9hcmQiIDpwZXJjZW50PSI3NSIgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KCgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyB0eXBlPSJkYXNoYm9hcmQiIDpwZXJjZW50PSI3NSIgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4="}},{default:o(()=>[n("div",null,[a(e,{type:"dashboard",percent:75})])]),htmlCode:o(()=>s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    270. 

  270.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    271. 

  271.     `),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(`
    272. 

  272.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    273. 

  273. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    274. 

  274. `)])],-1)])),jsVersionHtml:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    275. 

  275.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    276. 

  276.     `),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(`
    277. 

  277.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    278. 

  278. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    279. 

  279. `)])],-1)])),_:1})}var on=u(an,[["render",en]]);const cn={};function pn(l,s){const e=c("a-progress"),p=c("a-tooltip"),k=c("demo-box");return r(),i(k,{jsfiddle:{us:"A standard progress bar.",cn:"\u6807\u51C6\u7684\u8FDB\u5EA6\u6761\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    280. 

  280. <p>\u6807\u51C6\u7684\u8FDB\u5EA6\u6761\u3002</p>
    281. 

  281. <h2 id="en-us">en-US</h2>
    282. 

  282. <p>A standard progress bar.</p>
    283. 

  283. `,order:8,title:{"zh-CN":"\u5206\u6BB5\u8FDB\u5EA6\u6761","en-US":"Progress bar with success segment"},relativePath:"src/docs/progress/demo/segment.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS10b29sdGlwIHRpdGxlPSIzIGRvbmUgLyAzIGluIHByb2dyZXNzIC8gNCB0byBkbyI+CiAgICAgIDxhLXByb2dyZXNzIDpwZXJjZW50PSI2MCIgOnN1Y2Nlc3MtcGVyY2VudD0iMzAiIC8+CiAgICA8L2EtdG9vbHRpcD4KICAgIDxhLXRvb2x0aXAgdGl0bGU9IjMgZG9uZSAvIDMgaW4gcHJvZ3Jlc3MgLyA0IHRvIGRvIj4KICAgICAgPGEtcHJvZ3Jlc3MgOnBlcmNlbnQ9IjYwIiA6c3VjY2Vzcy1wZXJjZW50PSIzMCIgdHlwZT0iY2lyY2xlIiAvPgogICAgPC9hLXRvb2x0aXA+CiAgICA8YS10b29sdGlwIHRpdGxlPSIzIGRvbmUgLyAzIGluIHByb2dyZXNzIC8gNCB0byBkbyI+CiAgICAgIDxhLXByb2dyZXNzIDpwZXJjZW50PSI2MCIgOnN1Y2Nlc3MtcGVyY2VudD0iMzAiIHR5cGU9ImRhc2hib2FyZCIgLz4KICAgIDwvYS10b29sdGlwPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS10b29sdGlwIHRpdGxlPSIzIGRvbmUgLyAzIGluIHByb2dyZXNzIC8gNCB0byBkbyI+CiAgICAgIDxhLXByb2dyZXNzIDpwZXJjZW50PSI2MCIgOnN1Y2Nlc3MtcGVyY2VudD0iMzAiIC8+CiAgICA8L2EtdG9vbHRpcD4KICAgIDxhLXRvb2x0aXAgdGl0bGU9IjMgZG9uZSAvIDMgaW4gcHJvZ3Jlc3MgLyA0IHRvIGRvIj4KICAgICAgPGEtcHJvZ3Jlc3MgOnBlcmNlbnQ9IjYwIiA6c3VjY2Vzcy1wZXJjZW50PSIzMCIgdHlwZT0iY2lyY2xlIiAvPgogICAgPC9hLXRvb2x0aXA+CiAgICA8YS10b29sdGlwIHRpdGxlPSIzIGRvbmUgLyAzIGluIHByb2dyZXNzIC8gNCB0byBkbyI+CiAgICAgIDxhLXByb2dyZXNzIDpwZXJjZW50PSI2MCIgOnN1Y2Nlc3MtcGVyY2VudD0iMzAiIHR5cGU9ImRhc2hib2FyZCIgLz4KICAgIDwvYS10b29sdGlwPgogIDwvZGl2Pgo8L3RlbXBsYXRlPg=="}},{default:o(()=>[n("div",null,[a(p,{title:"3 done / 3 in progress / 4 to do"},{default:o(()=>[a(e,{percent:60,"success-percent":30})]),_:1}),a(p,{title:"3 done / 3 in progress / 4 to do"},{default:o(()=>[a(e,{percent:60,"success-percent":30,type:"circle"})]),_:1}),a(p,{title:"3 done / 3 in progress / 4 to do"},{default:o(()=>[a(e,{percent:60,"success-percent":30,type:"dashboard"})]),_:1})])]),htmlCode:o(()=>s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    284. 

  284.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    285. 

  285.     `),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(`
    286. 

  286.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("60"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":success-percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("30"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    287. 

  287.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tooltip")]),n("span",{class:"token punctuation"},">")]),t(`
    288. 

  288.     `),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(`
    289. 

  289.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("60"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":success-percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("30"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    290. 

  290.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tooltip")]),n("span",{class:"token punctuation"},">")]),t(`
    291. 

  291.     `),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(`
    292. 

  292.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("60"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":success-percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("30"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashboard"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    293. 

  293.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tooltip")]),n("span",{class:"token punctuation"},">")]),t(`
    294. 

  294.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    295. 

  295. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    296. 

  296. `)])],-1)])),jsVersionHtml:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    297. 

  297.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    298. 

  298.     `),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(`
    299. 

  299.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("60"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":success-percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("30"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    300. 

  300.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tooltip")]),n("span",{class:"token punctuation"},">")]),t(`
    301. 

  301.     `),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(`
    302. 

  302.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("60"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":success-percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("30"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("circle"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    303. 

  303.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tooltip")]),n("span",{class:"token punctuation"},">")]),t(`
    304. 

  304.     `),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(`
    305. 

  305.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(),n("span",{class:"token attr-name"},":percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("60"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":success-percent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("30"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dashboard"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    306. 

  306.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-tooltip")]),n("span",{class:"token punctuation"},">")]),t(`
    307. 

  307.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    308. 

  308. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    309. 

  309. `)])],-1)])),_:1})}var ln=u(cn,[["render",pn]]);const un={};function rn(l,s){const e=c("a-progress"),p=c("demo-box");return r(),i(p,{jsfiddle:{us:'By setting `strokeLinecap="square"`, you can change the linecaps from round to square.',cn:'`strokeLinecap="square|round"` \u53EF\u4EE5\u8C03\u6574\u8FDB\u5EA6\u6761\u8FB9\u7F18\u7684\u5F62\u72B6\u3002',docHtml:`<h2 id="zh-cn">zh-CN</h2>
    310. 

  310. <p><code>strokeLinecap=&quot;square|round&quot;</code> \u53EF\u4EE5\u8C03\u6574\u8FDB\u5EA6\u6761\u8FB9\u7F18\u7684\u5F62\u72B6\u3002</p>
    311. 

  311. <h2 id="en-us">en-US</h2>
    312. 

  312. <p>By setting <code>strokeLinecap=&quot;square&quot;</code>, you can change the linecaps from round to square.</p>
    313. 

  313. `,order:9,title:{"zh-CN":"\u5706\u89D2/\u65B9\u89D2\u8FB9\u7F18","en-US":"Square linecaps"},relativePath:"src/docs/progress/demo/linecap.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiA6cGVyY2VudD0iNzUiIC8+CiAgICA8YS1wcm9ncmVzcyBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiA6cGVyY2VudD0iNzUiIHR5cGU9ImNpcmNsZSIgLz4KICAgIDxhLXByb2dyZXNzIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIDpwZXJjZW50PSI3NSIgdHlwZT0iZGFzaGJvYXJkIiAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcyBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiA6cGVyY2VudD0iNzUiIC8+CiAgICA8YS1wcm9ncmVzcyBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiA6cGVyY2VudD0iNzUiIHR5cGU9ImNpcmNsZSIgLz4KICAgIDxhLXByb2dyZXNzIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIDpwZXJjZW50PSI3NSIgdHlwZT0iZGFzaGJvYXJkIiAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPg=="}},{default:o(()=>[n("div",null,[a(e,{"stroke-linecap":"square",percent:75}),a(e,{"stroke-linecap":"square",percent:75,type:"circle"}),a(e,{"stroke-linecap":"square",percent:75,type:"dashboard"})])]),htmlCode:o(()=>s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    314. 

  314.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    315. 

  315.     `),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(`
    316. 

  316.     `),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(`
    317. 

  317.     `),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(`
    318. 

  318.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    319. 

  319. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    320. 

  320. `)])],-1)])),jsVersionHtml:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    321. 

  321.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    322. 

  322.     `),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(`
    323. 

  323.     `),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(`
    324. 

  324.     `),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(`
    325. 

  325.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    326. 

  326. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    327. 

  327. `)])],-1)])),_:1})}var kn=u(un,[["render",rn]]);const dn={};function gn(l,s){const e=c("a-progress"),p=c("demo-box");return r(),i(p,{jsfiddle:{us:"A package of `linear-gradient`. It is recommended to only pass two colors.",cn:"`linear-gradient` \u7684\u5C01\u88C5\u3002\u63A8\u8350\u53EA\u4F20\u4E24\u79CD\u989C\u8272\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    328. 

  328. <p><code>linear-gradient</code> \u7684\u5C01\u88C5\u3002\u63A8\u8350\u53EA\u4F20\u4E24\u79CD\u989C\u8272\u3002</p>
    329. 

  329. <h2 id="en-us">en-US</h2>
    330. 

  330. <p>A package of <code>linear-gradient</code>. It is recommended to only pass two colors.</p>
    331. 

  331. `,order:10,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u8FDB\u5EA6\u6761\u6E10\u53D8\u8272","en-US":"Custom line gradient"},relativePath:"src/docs/progress/demo/gradient-line.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcwogICAgICA6c3Ryb2tlLWNvbG9yPSJ7CiAgICAgICAgJzAlJzogJyMxMDhlZTknLAogICAgICAgICcxMDAlJzogJyM4N2QwNjgnLAogICAgICB9IgogICAgICA6cGVyY2VudD0iOTkuOSIKICAgIC8+CiAgICA8YS1wcm9ncmVzcwogICAgICA6c3Ryb2tlLWNvbG9yPSJ7CiAgICAgICAgZnJvbTogJyMxMDhlZTknLAogICAgICAgIHRvOiAnIzg3ZDA2OCcsCiAgICAgIH0iCiAgICAgIDpwZXJjZW50PSI5OS45IgogICAgICBzdGF0dXM9ImFjdGl2ZSIKICAgIC8+CiAgICA8YS1wcm9ncmVzcwogICAgICB0eXBlPSJjaXJjbGUiCiAgICAgIDpzdHJva2UtY29sb3I9InsKICAgICAgICAnMCUnOiAnIzEwOGVlOScsCiAgICAgICAgJzEwMCUnOiAnIzg3ZDA2OCcsCiAgICAgIH0iCiAgICAgIDpwZXJjZW50PSI5MCIKICAgIC8+CiAgICA8YS1wcm9ncmVzcwogICAgICB0eXBlPSJjaXJjbGUiCiAgICAgIDpzdHJva2UtY29sb3I9InsKICAgICAgICAnMCUnOiAnIzEwOGVlOScsCiAgICAgICAgJzEwMCUnOiAnIzg3ZDA2OCcsCiAgICAgIH0iCiAgICAgIDpwZXJjZW50PSIxMDAiCiAgICAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS1wcm9ncmVzcwogICAgICA6c3Ryb2tlLWNvbG9yPSJ7CiAgICAgICAgJzAlJzogJyMxMDhlZTknLAogICAgICAgICcxMDAlJzogJyM4N2QwNjgnLAogICAgICB9IgogICAgICA6cGVyY2VudD0iOTkuOSIKICAgIC8+CiAgICA8YS1wcm9ncmVzcwogICAgICA6c3Ryb2tlLWNvbG9yPSJ7CiAgICAgICAgZnJvbTogJyMxMDhlZTknLAogICAgICAgIHRvOiAnIzg3ZDA2OCcsCiAgICAgIH0iCiAgICAgIDpwZXJjZW50PSI5OS45IgogICAgICBzdGF0dXM9ImFjdGl2ZSIKICAgIC8+CiAgICA8YS1wcm9ncmVzcwogICAgICB0eXBlPSJjaXJjbGUiCiAgICAgIDpzdHJva2UtY29sb3I9InsKICAgICAgICAnMCUnOiAnIzEwOGVlOScsCiAgICAgICAgJzEwMCUnOiAnIzg3ZDA2OCcsCiAgICAgIH0iCiAgICAgIDpwZXJjZW50PSI5MCIKICAgIC8+CiAgICA8YS1wcm9ncmVzcwogICAgICB0eXBlPSJjaXJjbGUiCiAgICAgIDpzdHJva2UtY29sb3I9InsKICAgICAgICAnMCUnOiAnIzEwOGVlOScsCiAgICAgICAgJzEwMCUnOiAnIzg3ZDA2OCcsCiAgICAgIH0iCiAgICAgIDpwZXJjZW50PSIxMDAiCiAgICAvPgogIDwvZGl2Pgo8L3RlbXBsYXRlPg=="}},{default:o(()=>[n("div",null,[a(e,{"stroke-color":{"0%":"#108ee9","100%":"#87d068"},percent:99.9}),a(e,{"stroke-color":{from:"#108ee9",to:"#87d068"},percent:99.9,status:"active"}),a(e,{type:"circle","stroke-color":{"0%":"#108ee9","100%":"#87d068"},percent:90}),a(e,{type:"circle","stroke-color":{"0%":"#108ee9","100%":"#87d068"},percent:100})])]),htmlCode:o(()=>s[0]||(s[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    332. 

  332.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    333. 

  333.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(`
    334. 

  334.       `),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(`{
    335. 

  335.         '0%': '#108ee9',
    336. 

  336.         '100%': '#87d068',
    337. 

  337.       }`),n("span",{class:"token punctuation"},'"')]),t(`
    338. 

  338.       `),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(`
    339. 

  339.     `),n("span",{class:"token punctuation"},"/>")]),t(`
    340. 

  340.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(`
    341. 

  341.       `),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(`{
    342. 

  342.         from: '#108ee9',
    343. 

  343.         to: '#87d068',
    344. 

  344.       }`),n("span",{class:"token punctuation"},'"')]),t(`
    345. 

  345.       `),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(`
    346. 

  346.       `),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(`
    347. 

  347.     `),n("span",{class:"token punctuation"},"/>")]),t(`
    348. 

  348.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(`
    349. 

  349.       `),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(`
    350. 

  350.       `),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(`{
    351. 

  351.         '0%': '#108ee9',
    352. 

  352.         '100%': '#87d068',
    353. 

  353.       }`),n("span",{class:"token punctuation"},'"')]),t(`
    354. 

  354.       `),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(`
    355. 

  355.     `),n("span",{class:"token punctuation"},"/>")]),t(`
    356. 

  356.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(`
    357. 

  357.       `),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(`
    358. 

  358.       `),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(`{
    359. 

  359.         '0%': '#108ee9',
    360. 

  360.         '100%': '#87d068',
    361. 

  361.       }`),n("span",{class:"token punctuation"},'"')]),t(`
    362. 

  362.       `),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(`
    363. 

  363.     `),n("span",{class:"token punctuation"},"/>")]),t(`
    364. 

  364.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    365. 

  365. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    366. 

  366. `)])],-1)])),jsVersionHtml:o(()=>s[1]||(s[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    367. 

  367.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    368. 

  368.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(`
    369. 

  369.       `),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(`{
    370. 

  370.         '0%': '#108ee9',
    371. 

  371.         '100%': '#87d068',
    372. 

  372.       }`),n("span",{class:"token punctuation"},'"')]),t(`
    373. 

  373.       `),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(`
    374. 

  374.     `),n("span",{class:"token punctuation"},"/>")]),t(`
    375. 

  375.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(`
    376. 

  376.       `),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(`{
    377. 

  377.         from: '#108ee9',
    378. 

  378.         to: '#87d068',
    379. 

  379.       }`),n("span",{class:"token punctuation"},'"')]),t(`
    380. 

  380.       `),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(`
    381. 

  381.       `),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(`
    382. 

  382.     `),n("span",{class:"token punctuation"},"/>")]),t(`
    383. 

  383.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(`
    384. 

  384.       `),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(`
    385. 

  385.       `),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(`{
    386. 

  386.         '0%': '#108ee9',
    387. 

  387.         '100%': '#87d068',
    388. 

  388.       }`),n("span",{class:"token punctuation"},'"')]),t(`
    389. 

  389.       `),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(`
    390. 

  390.     `),n("span",{class:"token punctuation"},"/>")]),t(`
    391. 

  391.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-progress")]),t(`
    392. 

  392.       `),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(`
    393. 

  393.       `),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(`{
    394. 

  394.         '0%': '#108ee9',
    395. 

  395.         '100%': '#87d068',
    396. 

  396.       }`),n("span",{class:"token punctuation"},'"')]),t(`
    397. 

  397.       `),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(`
    398. 

  398.     `),n("span",{class:"token punctuation"},"/>")]),t(`
    399. 

  399.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    400. 

  400. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    401. 

  401. `)])],-1)])),_:1})}var mn=u(dn,[["render",gn]]);const In={};function Cn(l,s){const e=c("a-progress"),p=c("demo-box");return r(),i(p,{jsfiddle:{us:"A progress bar with steps.",cn:"\u5E26\u6B65\u9AA4\u7684\u8FDB\u5EA6\u6761\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    402. 

  402. <p>\u5E26\u6B65\u9AA4\u7684\u8FDB\u5EA6\u6761\u3002</p>
    403. 

  403. <h2 id="en-us">en-US</h2>
    404. 

  404. <p>A progress bar with steps.</p>
    405. 

  405. `,order:12,title:{"zh-CN":"\u6B65\u9AA4\u8FDB\u5EA6\u6761","en-US":"Progress bar with steps"},relativePath:"src/docs/progress/demo/steps.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSI1MCIgOnN0ZXBzPSIzIiAvPgogIDxiciAvPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSIzMCIgOnN0ZXBzPSI1IiAvPgogIDxiciAvPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSIxMDAiIDpzdGVwcz0iNSIgc2l6ZT0ic21hbGwiIHN0cm9rZS1jb2xvcj0iIzUyYzQxYSIgLz4KPC90ZW1wbGF0ZT4KCgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSI1MCIgOnN0ZXBzPSIzIiAvPgogIDxiciAvPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSIzMCIgOnN0ZXBzPSI1IiAvPgogIDxiciAvPgogIDxhLXByb2dyZXNzIDpwZXJjZW50PSIxMDAiIDpzdGVwcz0iNSIgc2l6ZT0ic21hbGwiIHN0cm9rZS1jb2xvcj0iIzUyYzQxYSIgLz4KPC90ZW1wbGF0ZT4="}},{default:o(()=>[a(e,{percent:50,steps:3}),s[0]||(s[0]=n("br",null,null,-1)),a(e,{percent:30,steps:5}),s[1]||(s[1]=n("br",null,null,-1)),a(e,{percent:100,steps:5,size:"small","stroke-color":"#52c41a"})]),htmlCode:o(()=>s[2]||(s[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    406. 

  406.   `),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(`
    407. 

  407.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    408. 

  408.   `),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(`
    409. 

  409.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    410. 

  410.   `),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(`
    411. 

  411. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    412. 

  412. `)])],-1)])),jsVersionHtml:o(()=>s[3]||(s[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    413. 

  413.   `),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(`
    414. 

  414.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    415. 

  415.   `),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(`
    416. 

  416.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("br")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    417. 

  417.   `),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(`
    418. 

  418. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    419. 

  419. `)])],-1)])),_:1})}var bn=u(In,[["render",Cn]]);const hn={pageData:{title:"Progress",description:"",frontmatter:{category:"Components",type:"\u53CD\u9988",title:"Progress",subtitle:"\u8FDB\u5EA6\u6761",cover:"https://gw.alipayobjects.com/zos/alicdn/xqsDu4ZyR/Progress.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:"\u5728\u64CD\u4F5C\u9700\u8981\u8F83\u957F\u65F6\u95F4\u624D\u80FD\u5B8C\u6210\u65F6\uFF0C\u4E3A\u7528\u6237\u663E\u793A\u8BE5\u64CD\u4F5C\u7684\u5F53\u524D\u8FDB\u5EA6\u548C\u72B6\u6001\u3002"},{level:2,title:"API",slug:"api",content:"\u5404\u7C7B\u578B\u5171\u7528\u7684\u5C5E\u6027\u3002"},{level:3,title:'type="line"',slug:"type-line",content:""},{level:3,title:'type="circle"',slug:"type-circle",content:""},{level:3,title:'type="dashboard"',slug:"type-dashboard",content:""}],relativePath:"src/docs/progress/index.zh-CN.md",content:`
    420. 

  420. \u5C55\u793A\u64CD\u4F5C\u7684\u5F53\u524D\u8FDB\u5EA6\u3002
    421. 

  421. 

  422. ## \u4F55\u65F6\u4F7F\u7528
    423. 

  423. 

  424. \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
    425. 

  425. 

  426. - \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
    427. 

  427. - \u5F53\u9700\u8981\u663E\u793A\u4E00\u4E2A\u64CD\u4F5C\u5B8C\u6210\u7684\u767E\u5206\u6BD4\u65F6\u3002
    428. 

  428. 

  429. ## API
    430. 

  430. 

  431. \u5404\u7C7B\u578B\u5171\u7528\u7684\u5C5E\u6027\u3002
    432. 

  432. 

  433. | \u5C5E\u6027 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
    434. 

  434. | --- | --- | --- | --- |
    435. 

  435. | format | \u5185\u5BB9\u7684\u6A21\u677F\u51FD\u6570 | function(percent, successPercent) | (percent) =&gt; percent + \`%\` |
    436. 

  436. | percent | \u767E\u5206\u6BD4 | number | 0 |
    437. 

  437. | showInfo | \u662F\u5426\u663E\u793A\u8FDB\u5EA6\u6570\u503C\u6216\u72B6\u6001\u56FE\u6807 | boolean | true |
    438. 

  438. | status | \u72B6\u6001\uFF0C\u53EF\u9009\uFF1A\`success\` \`exception\` \`normal\` \`active\`(\u4EC5\u9650 line) | string | - |
    439. 

  439. | strokeColor | \u8FDB\u5EA6\u6761\u7684\u8272\u5F69 | string | - |
    440. 

  440. | strokeLinecap | \u8FDB\u5EA6\u6761\u7684\u6837\u5F0F | \`round\` \\| \`square\` | \`round\` |
    441. 

  441. | success | \u6210\u529F\u8FDB\u5EA6\u6761\u76F8\u5173\u914D\u7F6E | { percent: number, strokeColor: string } | - |
    442. 

  442. | trailColor | \u672A\u5B8C\u6210\u7684\u5206\u6BB5\u7684\u989C\u8272 | string | - |
    443. 

  443. | type | \u7C7B\u578B\uFF0C\u53EF\u9009 \`line\` \`circle\` \`dashboard\` | string | \`line\` |
    444. 

  444. 

  445. ### \`type=&quot;line&quot;\`
    446. 

  446. 

  447. | \u5C5E\u6027 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
    448. 

  448. | --- | --- | --- | --- |
    449. 

  449. | steps | \u8FDB\u5EA6\u6761\u603B\u5171\u6B65\u6570 | number | - |
    450. 

  450. | strokeColor | \u8FDB\u5EA6\u6761\u7684\u8272\u5F69\uFF0C\u4F20\u5165 object \u65F6\u4E3A\u6E10\u53D8 | string \\| { from: string; to: string; direction: string } | - |
    451. 

  451. | strokeWidth | \u8FDB\u5EA6\u6761\u7EBF\u7684\u5BBD\u5EA6\uFF0C\u5355\u4F4D px | number | 10 |
    452. 

  452. 

  453. ### \`type=&quot;circle&quot;\`
    454. 

  454. 

  455. | \u5C5E\u6027        | \u8BF4\u660E                                             | \u7C7B\u578B             | \u9ED8\u8BA4\u503C |
    456. 

  456. | ----------- | ------------------------------------------------ | ---------------- | ------ |
    457. 

  457. | strokeColor | \u5706\u5F62\u8FDB\u5EA6\u6761\u7EBF\u7684\u8272\u5F69\uFF0C\u4F20\u5165 object \u65F6\u4E3A\u6E10\u53D8         | string \\| object | -      |
    458. 

  458. | 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      |
    459. 

  459. | width       | \u5706\u5F62\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\uFF0C\u5355\u4F4D px                      | number           | 132    |
    460. 

  460. 

  461. ### \`type=&quot;dashboard&quot;\`
    462. 

  462. 

  463. | \u5C5E\u6027 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
    464. 

  464. | --- | --- | --- | --- |
    465. 

  465. | gapDegree | \u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u7F3A\u53E3\u89D2\u5EA6\uFF0C\u53EF\u53D6\u503C 0 ~ 295 | number | 75 |
    466. 

  466. | gapPosition | \u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u7F3A\u53E3\u4F4D\u7F6E | \`top\` \\| \`bottom\` \\| \`left\` \\| \`right\` | \`bottom\` |
    467. 

  467. | 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 |
    468. 

  468. | width | \u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\uFF0C\u5355\u4F4D px | number | 132 |
    469. 

  469. `,html:`<p>\u5C55\u793A\u64CD\u4F5C\u7684\u5F53\u524D\u8FDB\u5EA6\u3002</p>
    470. 

  470. <h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2>
    471. 

  471. <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>
    472. 

  472. <ul>
    473. 

  473. <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>
    474. 

  474. <li>\u5F53\u9700\u8981\u663E\u793A\u4E00\u4E2A\u64CD\u4F5C\u5B8C\u6210\u7684\u767E\u5206\u6BD4\u65F6\u3002</li>
    475. 

  475. </ul>
    476. 

  476. <h2 id="api">API</h2>
    477. 

  477. <p>\u5404\u7C7B\u578B\u5171\u7528\u7684\u5C5E\u6027\u3002</p>
    478. 

  478. <table>
    479. 

  479. <thead>
    480. 

  480. <tr>
    481. 

  481. <th>\u5C5E\u6027</th>
    482. 

  482. <th>\u8BF4\u660E</th>
    483. 

  483. <th>\u7C7B\u578B</th>
    484. 

  484. <th>\u9ED8\u8BA4\u503C</th>
    485. 

  485. </tr>
    486. 

  486. </thead>
    487. 

  487. <tbody>
    488. 

  488. <tr>
    489. 

  489. <td>format</td>
    490. 

  490. <td>\u5185\u5BB9\u7684\u6A21\u677F\u51FD\u6570</td>
    491. 

  491. <td>function(percent, successPercent)</td>
    492. 

  492. <td>(percent) =&gt; percent + <code>%</code></td>
    493. 

  493. </tr>
    494. 

  494. <tr>
    495. 

  495. <td>percent</td>
    496. 

  496. <td>\u767E\u5206\u6BD4</td>
    497. 

  497. <td>number</td>
    498. 

  498. <td>0</td>
    499. 

  499. </tr>
    500. 

  500. <tr>
    501. 

  501. <td>showInfo</td>
    502. 

  502. <td>\u662F\u5426\u663E\u793A\u8FDB\u5EA6\u6570\u503C\u6216\u72B6\u6001\u56FE\u6807</td>
    503. 

  503. <td>boolean</td>
    504. 

  504. <td>true</td>
    505. 

  505. </tr>
    506. 

  506. <tr>
    507. 

  507. <td>status</td>
    508. 

  508. <td>\u72B6\u6001\uFF0C\u53EF\u9009\uFF1A<code>success</code> <code>exception</code> <code>normal</code> <code>active</code>(\u4EC5\u9650 line)</td>
    509. 

  509. <td>string</td>
    510. 

  510. <td>-</td>
    511. 

  511. </tr>
    512. 

  512. <tr>
    513. 

  513. <td>strokeColor</td>
    514. 

  514. <td>\u8FDB\u5EA6\u6761\u7684\u8272\u5F69</td>
    515. 

  515. <td>string</td>
    516. 

  516. <td>-</td>
    517. 

  517. </tr>
    518. 

  518. <tr>
    519. 

  519. <td>strokeLinecap</td>
    520. 

  520. <td>\u8FDB\u5EA6\u6761\u7684\u6837\u5F0F</td>
    521. 

  521. <td><code>round</code> | <code>square</code></td>
    522. 

  522. <td><code>round</code></td>
    523. 

  523. </tr>
    524. 

  524. <tr>
    525. 

  525. <td>success</td>
    526. 

  526. <td>\u6210\u529F\u8FDB\u5EA6\u6761\u76F8\u5173\u914D\u7F6E</td>
    527. 

  527. <td>{ percent: number, strokeColor: string }</td>
    528. 

  528. <td>-</td>
    529. 

  529. </tr>
    530. 

  530. <tr>
    531. 

  531. <td>trailColor</td>
    532. 

  532. <td>\u672A\u5B8C\u6210\u7684\u5206\u6BB5\u7684\u989C\u8272</td>
    533. 

  533. <td>string</td>
    534. 

  534. <td>-</td>
    535. 

  535. </tr>
    536. 

  536. <tr>
    537. 

  537. <td>type</td>
    538. 

  538. <td>\u7C7B\u578B\uFF0C\u53EF\u9009 <code>line</code> <code>circle</code> <code>dashboard</code></td>
    539. 

  539. <td>string</td>
    540. 

  540. <td><code>line</code></td>
    541. 

  541. </tr>
    542. 

  542. </tbody>
    543. 

  543. </table>
    544. 

  544. <h3 id="type-line"><code>type=&quot;line&quot;</code></h3>
    545. 

  545. <table>
    546. 

  546. <thead>
    547. 

  547. <tr>
    548. 

  548. <th>\u5C5E\u6027</th>
    549. 

  549. <th>\u8BF4\u660E</th>
    550. 

  550. <th>\u7C7B\u578B</th>
    551. 

  551. <th>\u9ED8\u8BA4\u503C</th>
    552. 

  552. </tr>
    553. 

  553. </thead>
    554. 

  554. <tbody>
    555. 

  555. <tr>
    556. 

  556. <td>steps</td>
    557. 

  557. <td>\u8FDB\u5EA6\u6761\u603B\u5171\u6B65\u6570</td>
    558. 

  558. <td>number</td>
    559. 

  559. <td>-</td>
    560. 

  560. </tr>
    561. 

  561. <tr>
    562. 

  562. <td>strokeColor</td>
    563. 

  563. <td>\u8FDB\u5EA6\u6761\u7684\u8272\u5F69\uFF0C\u4F20\u5165 object \u65F6\u4E3A\u6E10\u53D8</td>
    564. 

  564. <td>string | { from: string; to: string; direction: string }</td>
    565. 

  565. <td>-</td>
    566. 

  566. </tr>
    567. 

  567. <tr>
    568. 

  568. <td>strokeWidth</td>
    569. 

  569. <td>\u8FDB\u5EA6\u6761\u7EBF\u7684\u5BBD\u5EA6\uFF0C\u5355\u4F4D px</td>
    570. 

  570. <td>number</td>
    571. 

  571. <td>10</td>
    572. 

  572. </tr>
    573. 

  573. </tbody>
    574. 

  574. </table>
    575. 

  575. <h3 id="type-circle"><code>type=&quot;circle&quot;</code></h3>
    576. 

  576. <table>
    577. 

  577. <thead>
    578. 

  578. <tr>
    579. 

  579. <th>\u5C5E\u6027</th>
    580. 

  580. <th>\u8BF4\u660E</th>
    581. 

  581. <th>\u7C7B\u578B</th>
    582. 

  582. <th>\u9ED8\u8BA4\u503C</th>
    583. 

  583. </tr>
    584. 

  584. </thead>
    585. 

  585. <tbody>
    586. 

  586. <tr>
    587. 

  587. <td>strokeColor</td>
    588. 

  588. <td>\u5706\u5F62\u8FDB\u5EA6\u6761\u7EBF\u7684\u8272\u5F69\uFF0C\u4F20\u5165 object \u65F6\u4E3A\u6E10\u53D8</td>
    589. 

  589. <td>string | object</td>
    590. 

  590. <td>-</td>
    591. 

  591. </tr>
    592. 

  592. <tr>
    593. 

  593. <td>strokeWidth</td>
    594. 

  594. <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>
    595. 

  595. <td>number</td>
    596. 

  596. <td>6</td>
    597. 

  597. </tr>
    598. 

  598. <tr>
    599. 

  599. <td>width</td>
    600. 

  600. <td>\u5706\u5F62\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\uFF0C\u5355\u4F4D px</td>
    601. 

  601. <td>number</td>
    602. 

  602. <td>132</td>
    603. 

  603. </tr>
    604. 

  604. </tbody>
    605. 

  605. </table>
    606. 

  606. <h3 id="type-dashboard"><code>type=&quot;dashboard&quot;</code></h3>
    607. 

  607. <table>
    608. 

  608. <thead>
    609. 

  609. <tr>
    610. 

  610. <th>\u5C5E\u6027</th>
    611. 

  611. <th>\u8BF4\u660E</th>
    612. 

  612. <th>\u7C7B\u578B</th>
    613. 

  613. <th>\u9ED8\u8BA4\u503C</th>
    614. 

  614. </tr>
    615. 

  615. </thead>
    616. 

  616. <tbody>
    617. 

  617. <tr>
    618. 

  618. <td>gapDegree</td>
    619. 

  619. <td>\u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u7F3A\u53E3\u89D2\u5EA6\uFF0C\u53EF\u53D6\u503C 0 ~ 295</td>
    620. 

  620. <td>number</td>
    621. 

  621. <td>75</td>
    622. 

  622. </tr>
    623. 

  623. <tr>
    624. 

  624. <td>gapPosition</td>
    625. 

  625. <td>\u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u7F3A\u53E3\u4F4D\u7F6E</td>
    626. 

  626. <td><code>top</code> | <code>bottom</code> | <code>left</code> | <code>right</code></td>
    627. 

  627. <td><code>bottom</code></td>
    628. 

  628. </tr>
    629. 

  629. <tr>
    630. 

  630. <td>strokeWidth</td>
    631. 

  631. <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>
    632. 

  632. <td>number</td>
    633. 

  633. <td>6</td>
    634. 

  634. </tr>
    635. 

  635. <tr>
    636. 

  636. <td>width</td>
    637. 

  637. <td>\u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\uFF0C\u5355\u4F4D px</td>
    638. 

  638. <td>number</td>
    639. 

  639. <td>132</td>
    640. 

  640. </tr>
    641. 

  641. </tbody>
    642. 

  642. </table>
    643. 

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

  644. <h2 id="when-to-use">When To Use</h2>
    645. 

  645. <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>
    646. 

  646. <ul>
    647. 

  647. <li>When an operation will interrupt the current interface, or it needs to run in the background for more than 2 seconds.</li>
    648. 

  648. <li>When you need to display the completion percentage of an operation.</li>
    649. 

  649. </ul>
    650. 

  650. <h2 id="api">API</h2>
    651. 

  651. <p>Properties that shared by all types.</p>
    652. 

  652. <table>
    653. 

  653. <thead>
    654. 

  654. <tr>
    655. 

  655. <th>Property</th>
    656. 

  656. <th>Description</th>
    657. 

  657. <th>Type</th>
    658. 

  658. <th>Default</th>
    659. 

  659. </tr>
    660. 

  660. </thead>
    661. 

  661. <tbody>
    662. 

  662. <tr>
    663. 

  663. <td>format</td>
    664. 

  664. <td>The template function of the content</td>
    665. 

  665. <td>function(percent, successPercent)</td>
    666. 

  666. <td>(percent) =&gt; percent + <code>%</code></td>
    667. 

  667. </tr>
    668. 

  668. <tr>
    669. 

  669. <td>percent</td>
    670. 

  670. <td>To set the completion percentage</td>
    671. 

  671. <td>number</td>
    672. 

  672. <td>0</td>
    673. 

  673. </tr>
    674. 

  674. <tr>
    675. 

  675. <td>showInfo</td>
    676. 

  676. <td>Whether to display the progress value and the status icon</td>
    677. 

  677. <td>boolean</td>
    678. 

  678. <td>true</td>
    679. 

  679. </tr>
    680. 

  680. <tr>
    681. 

  681. <td>status</td>
    682. 

  682. <td>To set the status of the Progress, options: <code>success</code> <code>exception</code> <code>normal</code> <code>active</code>(line only)</td>
    683. 

  683. <td>string</td>
    684. 

  684. <td>-</td>
    685. 

  685. </tr>
    686. 

  686. <tr>
    687. 

  687. <td>strokeColor</td>
    688. 

  688. <td>The color of progress bar</td>
    689. 

  689. <td>string</td>
    690. 

  690. <td>-</td>
    691. 

  691. </tr>
    692. 

  692. <tr>
    693. 

  693. <td>strokeLinecap</td>
    694. 

  694. <td>To set the style of the progress linecap</td>
    695. 

  695. <td><code>round</code> | <code>square</code></td>
    696. 

  696. <td><code>round</code></td>
    697. 

  697. </tr>
    698. 

  698. <tr>
    699. 

  699. <td>success</td>
    700. 

  700. <td>Configs of successfully progress bar</td>
    701. 

  701. <td>{ percent: number, strokeColor: string }</td>
    702. 

  702. <td>-</td>
    703. 

  703. </tr>
    704. 

  704. <tr>
    705. 

  705. <td>trailColor</td>
    706. 

  706. <td>The color of unfilled part</td>
    707. 

  707. <td>string</td>
    708. 

  708. <td>-</td>
    709. 

  709. </tr>
    710. 

  710. <tr>
    711. 

  711. <td>type</td>
    712. 

  712. <td>To set the type, options: <code>line</code> <code>circle</code> <code>dashboard</code></td>
    713. 

  713. <td>string</td>
    714. 

  714. <td><code>line</code></td>
    715. 

  715. </tr>
    716. 

  716. </tbody>
    717. 

  717. </table>
    718. 

  718. <h3 id="type-line"><code>type=&quot;line&quot;</code></h3>
    719. 

  719. <table>
    720. 

  720. <thead>
    721. 

  721. <tr>
    722. 

  722. <th>Property</th>
    723. 

  723. <th>Description</th>
    724. 

  724. <th>Type</th>
    725. 

  725. <th>Default</th>
    726. 

  726. </tr>
    727. 

  727. </thead>
    728. 

  728. <tbody>
    729. 

  729. <tr>
    730. 

  730. <td>steps</td>
    731. 

  731. <td>The total step count</td>
    732. 

  732. <td>number</td>
    733. 

  733. <td>-</td>
    734. 

  734. </tr>
    735. 

  735. <tr>
    736. 

  736. <td>strokeColor</td>
    737. 

  737. <td>The color of progress bar, render <code>linear-gradient</code> when passing an object</td>
    738. 

  738. <td>string | { from: string; to: string; direction: string }</td>
    739. 

  739. <td>-</td>
    740. 

  740. </tr>
    741. 

  741. <tr>
    742. 

  742. <td>strokeWidth</td>
    743. 

  743. <td>To set the width of the progress bar, unit: <code>px</code></td>
    744. 

  744. <td>number</td>
    745. 

  745. <td>10</td>
    746. 

  746. </tr>
    747. 

  747. </tbody>
    748. 

  748. </table>
    749. 

  749. <h3 id="type-circle"><code>type=&quot;circle&quot;</code></h3>
    750. 

  750. <table>
    751. 

  751. <thead>
    752. 

  752. <tr>
    753. 

  753. <th>Property</th>
    754. 

  754. <th>Description</th>
    755. 

  755. <th>Type</th>
    756. 

  756. <th>Default</th>
    757. 

  757. </tr>
    758. 

  758. </thead>
    759. 

  759. <tbody>
    760. 

  760. <tr>
    761. 

  761. <td>strokeColor</td>
    762. 

  762. <td>The color of circular progress, render <code>linear-gradient</code> when passing an object</td>
    763. 

  763. <td>string | object</td>
    764. 

  764. <td>-</td>
    765. 

  765. </tr>
    766. 

  766. <tr>
    767. 

  767. <td>strokeWidth</td>
    768. 

  768. <td>To set the width of the circular progress, unit: percentage of the canvas width</td>
    769. 

  769. <td>number</td>
    770. 

  770. <td>6</td>
    771. 

  771. </tr>
    772. 

  772. <tr>
    773. 

  773. <td>width</td>
    774. 

  774. <td>To set the canvas width of the circular progress, unit: <code>px</code></td>
    775. 

  775. <td>number</td>
    776. 

  776. <td>132</td>
    777. 

  777. </tr>
    778. 

  778. </tbody>
    779. 

  779. </table>
    780. 

  780. <h3 id="type-dashboard"><code>type=&quot;dashboard&quot;</code></h3>
    781. 

  781. <table>
    782. 

  782. <thead>
    783. 

  783. <tr>
    784. 

  784. <th>Property</th>
    785. 

  785. <th>Description</th>
    786. 

  786. <th>Type</th>
    787. 

  787. <th>Default</th>
    788. 

  788. </tr>
    789. 

  789. </thead>
    790. 

  790. <tbody>
    791. 

  791. <tr>
    792. 

  792. <td>gapDegree</td>
    793. 

  793. <td>The gap degree of half circle, 0 ~ 295</td>
    794. 

  794. <td>number</td>
    795. 

  795. <td>75</td>
    796. 

  796. </tr>
    797. 

  797. <tr>
    798. 

  798. <td>gapPosition</td>
    799. 

  799. <td>The gap position, options: <code>top</code> <code>bottom</code> <code>left</code> <code>right</code></td>
    800. 

  800. <td>string</td>
    801. 

  801. <td><code>bottom</code></td>
    802. 

  802. </tr>
    803. 

  803. <tr>
    804. 

  804. <td>strokeWidth</td>
    805. 

  805. <td>To set the width of the dashboard progress, unit: percentage of the canvas width</td>
    806. 

  806. <td>number</td>
    807. 

  807. <td>6</td>
    808. 

  808. </tr>
    809. 

  809. <tr>
    810. 

  810. <td>width</td>
    811. 

  811. <td>To set the canvas width of the dashboard progress, unit: <code>px</code></td>
    812. 

  812. <td>number</td>
    813. 

  813. <td>132</td>
    814. 

  814. </tr>
    815. 

  815. </tbody>
    816. 

  816. </table>
    817. 

  817. `,lastUpdated:1748059052726}},wn={class:"markdown"};function Pn(l,s,e,p,k,h){return r(),Z("article",wn,s[0]||(s[0]=[w('<p>Display the current progress of an operation flow.</p><h2 id="when-to-use">When To Use</h2><p>If it will take a long time to complete an operation, you can use <code>Progress</code> to show the current progress and status.</p><ul><li>When an operation will interrupt the current interface, or it needs to run in the background for more than 2 seconds.</li><li>When you need to display the completion percentage of an operation.</li></ul><h2 id="api">API</h2><p>Properties that shared by all types.</p><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>format</td><td>The template function of the content</td><td>function(percent, successPercent)</td><td>(percent) =&gt; percent + <code>%</code></td></tr><tr><td>percent</td><td>To set the completion percentage</td><td>number</td><td>0</td></tr><tr><td>showInfo</td><td>Whether to display the progress value and the status icon</td><td>boolean</td><td>true</td></tr><tr><td>status</td><td>To set the status of the Progress, options: <code>success</code> <code>exception</code> <code>normal</code> <code>active</code>(line only)</td><td>string</td><td>-</td></tr><tr><td>strokeColor</td><td>The color of progress bar</td><td>string</td><td>-</td></tr><tr><td>strokeLinecap</td><td>To set the style of the progress linecap</td><td><code>round</code> | <code>square</code></td><td><code>round</code></td></tr><tr><td>success</td><td>Configs of successfully progress bar</td><td>{ percent: number, strokeColor: string }</td><td>-</td></tr><tr><td>trailColor</td><td>The color of unfilled part</td><td>string</td><td>-</td></tr><tr><td>type</td><td>To set the type, options: <code>line</code> <code>circle</code> <code>dashboard</code></td><td>string</td><td><code>line</code></td></tr></tbody></table><h3 id="type-line"><code>type=&quot;line&quot;</code></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>steps</td><td>The total step count</td><td>number</td><td>-</td></tr><tr><td>strokeColor</td><td>The color of progress bar, render <code>linear-gradient</code> when passing an object</td><td>string | { from: string; to: string; direction: string }</td><td>-</td></tr><tr><td>strokeWidth</td><td>To set the width of the progress bar, unit: <code>px</code></td><td>number</td><td>10</td></tr></tbody></table><h3 id="type-circle"><code>type=&quot;circle&quot;</code></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>strokeColor</td><td>The color of circular progress, render <code>linear-gradient</code> when passing an object</td><td>string | object</td><td>-</td></tr><tr><td>strokeWidth</td><td>To set the width of the circular progress, unit: percentage of the canvas width</td><td>number</td><td>6</td></tr><tr><td>width</td><td>To set the canvas width of the circular progress, unit: <code>px</code></td><td>number</td><td>132</td></tr></tbody></table><h3 id="type-dashboard"><code>type=&quot;dashboard&quot;</code></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>gapDegree</td><td>The gap degree of half circle, 0 ~ 295</td><td>number</td><td>75</td></tr><tr><td>gapPosition</td><td>The gap position, options: <code>top</code> <code>bottom</code> <code>left</code> <code>right</code></td><td>string</td><td><code>bottom</code></td></tr><tr><td>strokeWidth</td><td>To set the width of the dashboard progress, unit: percentage of the canvas width</td><td>number</td><td>6</td></tr><tr><td>width</td><td>To set the canvas width of the dashboard progress, unit: <code>px</code></td><td>number</td><td>132</td></tr></tbody></table>',13)]))}var Xn=u(Zn,[["render",Pn]]);const fn=A({CN:yn,US:Xn,components:{LineDemo:S,CircleDemo:j,LineMini:J,CircleMini:M,Dynamic:O,CircleDynamic:$,Format:sn,Dashboard:on,Segment:ln,LineCap:kn,GradientLine:mn,Steps:bn},setup(){return{}}});function Gn(l,s,e,p,k,h){const g=c("line-demo"),m=c("circle-demo"),d=c("line-mini"),I=c("circle-mini"),C=c("dynamic"),b=c("circle-dynamic"),X=c("format"),f=c("dashboard"),G=c("segment"),D=c("line-cap"),B=c("gradient-line"),z=c("steps"),Y=c("demo-sort");return r(),i(Y,null,{default:o(()=>[a(g),a(m),a(d),a(I),a(C),a(b),a(X),a(f),a(G),a(D),a(B),a(z)]),_:1})}var zn=u(fn,[["render",Gn]]);export{zn as default};
    818.