chunk-B3GIYP6V.js

import{a as u,b as z}from"./chunk-74ZCJQJD.js";import{a as O,b as q,c as Z,d as W}from"./chunk-56XIMETV.js";import{a as _}from"./chunk-MM6PISML.js";import"./chunk-AMB2SXIB.js";import{a as C,g as $,h as U,j}from"./chunk-N7GBLZI4.js";import"./chunk-M3GNLX5T.js";import"./chunk-TSUNBK3M.js";import{Ha as x,Ja as R,Jc as Q,Kc as X,Nc as V,gc as D,ic as ne}from"./chunk-O3IWK6WU.js";import{Ac as G,Bc as M,Gc as n,Ib as c,Sc as w,Vb as i,hc as e,ic as t,jc as o,qc as S,rb as m,xa as d,ya as l,zc as L}from"./chunk-NACBYLXS.js";import"./chunk-EQDQRRRY.js";var b=class s{percent=0;increase(){this.percent=this.percent+10,this.percent>100&&(this.percent=100)}decline(){this.percent=this.percent-10,this.percent<0&&(this.percent=0)}static \u0275fac=function(r){return new(r||s)};static \u0275cmp=c({type:s,selectors:[["nz-demo-progress-circle-dynamic"]],decls:6,vars:1,consts:[["nzType","circle",3,"nzPercent"],["nz-button","",3,"click"],["nzType","minus"],["nzType","plus"]],template:function(r,p){r&1&&(o(0,"nz-progress",0),e(1,"nz-button-group")(2,"button",1),S("click",function(){return p.decline()}),o(3,"nz-icon",2),t(),e(4,"button",1),S("click",function(){return p.increase()}),o(5,"nz-icon",3),t()()),r&2&&i("nzPercent",p.percent)},dependencies:[W,q,Z,O,_,R,x,z,u],styles:["nz-progress[_ngcontent-%COMP%]{margin-right:8px}"]})};var y=class s{static \u0275fac=function(r){return new(r||s)};static \u0275cmp=c({type:s,selectors:[["nz-demo-progress-circle-mini"]],decls:3,vars:6,consts:[["nzType","circle",3,"nzPercent","nzWidth"],["nzType","circle","nzStatus","exception",3,"nzPercent","nzWidth"]],template:function(r,p){r&1&&o(0,"nz-progress",0)(1,"nz-progress",1)(2,"nz-progress",0),r&2&&(i("nzPercent",75)("nzWidth",80),m(),i("nzPercent",70)("nzWidth",80),m(),i("nzPercent",100)("nzWidth",80))},dependencies:[z,u],styles:["nz-progress[_ngcontent-%COMP%]{margin-right:8px;margin-bottom:8px;display:inline-block}"]})};var N=class s{static \u0275fac=function(r){return new(r||s)};static \u0275cmp=c({type:s,selectors:[["nz-demo-progress-circle"]],decls:3,vars:3,consts:[["nzType","circle",3,"nzPercent"],["nzType","circle","nzStatus","exception",3,"nzPercent"]],template:function(r,p){r&1&&o(0,"nz-progress",0)(1,"nz-progress",1)(2,"nz-progress",0),r&2&&(i("nzPercent",75),m(),i("nzPercent",70),m(),i("nzPercent",100))},dependencies:[z,u],styles:["nz-progress[_ngcontent-%COMP%]{margin-right:8px;margin-bottom:8px;display:inline-block}"]})};var P=class s{static \u0275fac=function(r){return new(r||s)};static \u0275cmp=c({type:s,selectors:[["nz-demo-progress-dashboard"]],decls:1,vars:1,consts:[["nzType","dashboard",3,"nzPercent"]],template:function(r,p){r&1&&o(0,"nz-progress",0),r&2&&i("nzPercent",75)},dependencies:[z,u],encapsulation:2})};var B=class s{percent=0;increase(){this.percent=this.percent+10,this.percent>100&&(this.percent=100)}decline(){this.percent=this.percent-10,this.percent<0&&(this.percent=0)}static \u0275fac=function(r){return new(r||s)};static \u0275cmp=c({type:s,selectors:[["nz-demo-progress-dynamic"]],decls:6,vars:1,consts:[[3,"nzPercent"],["nz-button","",3,"click"],["nzType","minus"],["nzType","plus"]],template:function(r,p){r&1&&(o(0,"nz-progress",0),e(1,"nz-button-group")(2,"button",1),S("click",function(){return p.decline()}),o(3,"nz-icon",2),t(),e(4,"button",1),S("click",function(){return p.increase()}),o(5,"nz-icon",3),t()()),r&2&&i("nzPercent",p.percent)},dependencies:[W,q,Z,O,_,R,x,z,u],encapsulation:2})};var F=class s{formatOne=a=>`${a} Days`;formatTwo=()=>"Done";static \u0275fac=function(r){return new(r||s)};static \u0275cmp=c({type:s,selectors:[["nz-demo-progress-format"]],decls:2,vars:4,consts:[["nzType","circle",3,"nzPercent","nzFormat"]],template:function(r,p){r&1&&o(0,"nz-progress",0)(1,"nz-progress",0),r&2&&(i("nzPercent",75)("nzFormat",p.formatOne),m(),i("nzPercent",100)("nzFormat",p.formatTwo))},dependencies:[z,u],styles:["nz-progress[_ngcontent-%COMP%]{margin-right:8px;margin-bottom:8px;display:inline-block}"]})};var te=()=>({"0%":"#108ee9","100%":"#87d068"}),se=()=>({"0%":"#108ee9","50%":"#2db7f5","100%":"#87d068"}),I=class s{static \u0275fac=function(r){return new(r||s)};static \u0275cmp=c({type:s,selectors:[["nz-demo-progress-gradient"]],decls:4,vars:12,consts:[[3,"nzPercent","nzStrokeColor"],["nzStatus","active",3,"nzPercent","nzStrokeColor"],["nzType","circle",3,"nzPercent","nzStrokeColor"],["nzType","dashboard",3,"nzPercent","nzStrokeColor"]],template:function(r,p){r&1&&o(0,"nz-progress",0)(1,"nz-progress",1)(2,"nz-progress",2)(3,"nz-progress",3),r&2&&(i("nzPercent",99.9)("nzStrokeColor",w(8,te)),m(),i("nzPercent",99.9)("nzStrokeColor",w(9,te)),m(),i("nzPercent",90)("nzStrokeColor",w(10,se)),m(),i("nzPercent",100)("nzStrokeColor",w(11,te)))},dependencies:[z,u],styles:[`.ant-progress{margin-right:8px;margin-bottom:8px;display:inline-block}
`],encapsulation:2})};var v=class s{static \u0275fac=function(r){return new(r||s)};static \u0275cmp=c({type:s,selectors:[["nz-demo-progress-line-mini"]],decls:6,vars:6,consts:[[2,"width","170px"],["nzSize","small",3,"nzPercent"],["nzSize","small","nzStatus","active",3,"nzPercent"],["nzSize","small","nzStatus","exception",3,"nzPercent"],["nzSize","small",3,"nzPercent","nzShowInfo"]],template:function(r,p){r&1&&(e(0,"div",0),o(1,"nz-progress",1)(2,"nz-progress",2)(3,"nz-progress",3)(4,"nz-progress",1)(5,"nz-progress",4),t()),r&2&&(m(),i("nzPercent",30),m(),i("nzPercent",50),m(),i("nzPercent",70),m(),i("nzPercent",100),m(),i("nzPercent",50)("nzShowInfo",!1))},dependencies:[z,u],encapsulation:2})};var k=class s{static \u0275fac=function(r){return new(r||s)};static \u0275cmp=c({type:s,selectors:[["nz-demo-progress-line"]],decls:5,vars:6,consts:[[3,"nzPercent"],["nzStatus","active",3,"nzPercent"],["nzStatus","exception",3,"nzPercent"],[3,"nzPercent","nzShowInfo"]],template:function(r,p){r&1&&o(0,"nz-progress",0)(1,"nz-progress",1)(2,"nz-progress",2)(3,"nz-progress",0)(4,"nz-progress",3),r&2&&(i("nzPercent",30),m(),i("nzPercent",50),m(),i("nzPercent",70),m(),i("nzPercent",100),m(),i("nzPercent",50)("nzShowInfo",!1))},dependencies:[z,u],encapsulation:2})};var A=class s{static \u0275fac=function(r){return new(r||s)};static \u0275cmp=c({type:s,selectors:[["nz-demo-progress-round"]],decls:3,vars:0,consts:[["nzStrokeLinecap","round","nzPercent","75"],["nzStrokeLinecap","round","nzType","circle","nzPercent","75"],["nzStrokeLinecap","square","nzType","dashboard","nzPercent","75"]],template:function(r,p){r&1&&o(0,"nz-progress",0)(1,"nz-progress",1)(2,"nz-progress",2)},dependencies:[z,u],encapsulation:2})};var T=class s{static \u0275fac=function(r){return new(r||s)};static \u0275cmp=c({type:s,selectors:[["nz-demo-progress-segment"]],decls:3,vars:6,consts:[["nz-tooltip","","nzTooltipTitle","3 done / 3 in progress / 4 to do",3,"nzPercent","nzSuccessPercent"],["nz-tooltip","","nzTooltipTitle","3 done / 3 in progress / 4 to do","nzType","circle",3,"nzPercent","nzSuccessPercent"],["nz-tooltip","","nzTooltipTitle","3 done / 3 in progress / 4 to do","nzType","dashboard",3,"nzPercent","nzSuccessPercent"]],template:function(r,p){r&1&&o(0,"nz-progress",0)(1,"nz-progress",1)(2,"nz-progress",2),r&2&&(i("nzPercent",60)("nzSuccessPercent",30),m(),i("nzPercent",60)("nzSuccessPercent",30),m(),i("nzPercent",60)("nzSuccessPercent",30))},dependencies:[z,u,ne,D],encapsulation:2})};var H=class s{static \u0275fac=function(r){return new(r||s)};static \u0275cmp=c({type:s,selectors:[["nz-demo-progress-step"]],decls:3,vars:6,consts:[["nzStrokeColor","#1890ff",3,"nzPercent","nzSteps"],["nzStrokeColor","#1890ff","nzSize","small",3,"nzPercent","nzSteps"]],template:function(r,p){r&1&&o(0,"nz-progress",0)(1,"nz-progress",0)(2,"nz-progress",1),r&2&&(i("nzPercent",50)("nzSteps",3),m(),i("nzPercent",30)("nzSteps",5),m(),i("nzPercent",100)("nzSteps",5))},dependencies:[z,u],encapsulation:2})};var Y=class s{expanded=!1;codeBoxes;goLink(a){window&&(window.location.hash=a)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(a=>a.expandCode(this.expanded))}static \u0275fac=function(r){return new(r||s)};static \u0275cmp=c({type:s,selectors:[["nz-demo-progress"]],viewQuery:function(r,p){if(r&1&&L(C,5),r&2){let g;G(g=M())&&(p.codeBoxes=g)}},decls:431,vars:67,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-progress-demo-line","nzTitle","\u8FDB\u5EA6\u6761"],["nzHref","#components-progress-demo-circle","nzTitle","\u8FDB\u5EA6\u5708"],["nzHref","#components-progress-demo-line-mini","nzTitle","\u5C0F\u578B\u8FDB\u5EA6\u6761"],["nzHref","#components-progress-demo-circle-mini","nzTitle","\u5C0F\u578B\u8FDB\u5EA6\u5708"],["nzHref","#components-progress-demo-circle-dynamic","nzTitle","\u8FDB\u5EA6\u5708\u52A8\u6001\u5C55\u793A"],["nzHref","#components-progress-demo-dynamic","nzTitle","\u52A8\u6001\u5C55\u793A"],["nzHref","#components-progress-demo-format","nzTitle","\u81EA\u5B9A\u4E49\u6587\u5B57\u683C\u5F0F"],["nzHref","#components-progress-demo-dashboard","nzTitle","\u4EEA\u8868\u76D8"],["nzHref","#components-progress-demo-segment","nzTitle","\u5206\u6BB5\u8FDB\u5EA6\u6761"],["nzHref","#components-progress-demo-round","nzTitle","\u5706\u89D2/\u65B9\u89D2\u8FB9\u7F18"],["nzHref","#components-progress-demo-gradient","nzTitle","\u81EA\u5B9A\u4E49\u8FDB\u5EA6\u6761\u6E10\u53D8\u8272"],["nzHref","#components-progress-demo-step","nzTitle","\u6B65\u9AA4\u8FDB\u5EA6\u6761"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["id","\u4F55\u65F6\u4F7F\u7528"],["onclick","window.location.hash = '\u4F55\u65F6\u4F7F\u7528'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","\u5C55\u5F00\u5168\u90E8\u4EE3\u7801",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","\u8FDB\u5EA6\u6761","nzSelector","nz-demo-progress-line","nzGenerateCommand","ng g ng-zorro-antd:progress-line <name>","nzComponentName","NzDemoProgressLineComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u5C0F\u578B\u8FDB\u5EA6\u6761","nzSelector","nz-demo-progress-line-mini","nzGenerateCommand","ng g ng-zorro-antd:progress-line-mini <name>","nzComponentName","NzDemoProgressLineMiniComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u8FDB\u5EA6\u5708\u52A8\u6001\u5C55\u793A","nzSelector","nz-demo-progress-circle-dynamic","nzGenerateCommand","ng g ng-zorro-antd:progress-circle-dynamic <name>","nzComponentName","NzDemoProgressCircleDynamicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u81EA\u5B9A\u4E49\u6587\u5B57\u683C\u5F0F","nzSelector","nz-demo-progress-format","nzGenerateCommand","ng g ng-zorro-antd:progress-format <name>","nzComponentName","NzDemoProgressFormatComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u5206\u6BB5\u8FDB\u5EA6\u6761","nzSelector","nz-demo-progress-segment","nzGenerateCommand","ng g ng-zorro-antd:progress-segment <name>","nzComponentName","NzDemoProgressSegmentComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u81EA\u5B9A\u4E49\u8FDB\u5EA6\u6761\u6E10\u53D8\u8272","nzSelector","nz-demo-progress-gradient","nzGenerateCommand","ng g ng-zorro-antd:progress-gradient <name>","nzComponentName","NzDemoProgressGradientComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u8FDB\u5EA6\u5708","nzSelector","nz-demo-progress-circle","nzGenerateCommand","ng g ng-zorro-antd:progress-circle <name>","nzComponentName","NzDemoProgressCircleComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u5C0F\u578B\u8FDB\u5EA6\u5708","nzSelector","nz-demo-progress-circle-mini","nzGenerateCommand","ng g ng-zorro-antd:progress-circle-mini <name>","nzComponentName","NzDemoProgressCircleMiniComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u52A8\u6001\u5C55\u793A","nzSelector","nz-demo-progress-dynamic","nzGenerateCommand","ng g ng-zorro-antd:progress-dynamic <name>","nzComponentName","NzDemoProgressDynamicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u4EEA\u8868\u76D8","nzSelector","nz-demo-progress-dashboard","nzGenerateCommand","ng g ng-zorro-antd:progress-dashboard <name>","nzComponentName","NzDemoProgressDashboardComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u5706\u89D2/\u65B9\u89D2\u8FB9\u7F18","nzSelector","nz-demo-progress-round","nzGenerateCommand","ng g ng-zorro-antd:progress-round <name>","nzComponentName","NzDemoProgressRoundComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u6B65\u9AA4\u8FDB\u5EA6\u6761","nzSelector","nz-demo-progress-step","nzGenerateCommand","ng g ng-zorro-antd:progress-step <name>","nzComponentName","NzDemoProgressStepComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-progress"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-progress'",1,"anchor"],["id","lesscodegreaternztype=andquot;lineandquot;less/codegreater"],["onclick","window.location.hash = 'lesscodegreaternztype=andquot;lineandquot;less/codegreater'",1,"anchor"],["id","lesscodegreaternztype=andquot;circleandquot;less/codegreater"],["onclick","window.location.hash = 'lesscodegreaternztype=andquot;circleandquot;less/codegreater'",1,"anchor"],["id","lesscodegreaternztype=andquot;dashboardandquot;less/codegreater"],["onclick","window.location.hash = 'lesscodegreaternztype=andquot;dashboardandquot;less/codegreater'",1,"anchor"]],template:function(r,p){r&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),S("nzClick",function(K){return p.goLink(K)}),o(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8)(10,"nz-link",9)(11,"nz-link",10)(12,"nz-link",11)(13,"nz-link",12)(14,"nz-link",13)(15,"nz-link",14),t()(),e(16,"section",15)(17,"h1"),n(18,"Progress"),e(19,"span",16),n(20,"\u8FDB\u5EA6\u6761"),t(),o(21,"span",17),e(22,"a",18),o(23,"nz-icon",19),t()(),e(24,"section",15),l(),e(25,"p"),n(26,"\u5C55\u793A\u64CD\u4F5C\u7684\u5F53\u524D\u8FDB\u5EA6\u3002"),t(),e(27,"h2",20)(28,"span"),n(29,"\u4F55\u65F6\u4F7F\u7528"),t(),e(30,"a",21),n(31,"#"),t()(),e(32,"p"),n(33,"\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"),t(),e(34,"ul")(35,"li"),n(36,"\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"),t(),e(37,"li"),n(38,"\u5F53\u9700\u8981\u663E\u793A\u4E00\u4E2A\u64CD\u4F5C\u5B8C\u6210\u7684\u767E\u5206\u6BD4\u65F6\u3002"),t()(),e(39,"pre")(40,"code",22)(41,"span",23),n(42,"import"),t(),n(43," "),e(44,"span",24),n(45,"{"),t(),n(46," NzProgressModule "),e(47,"span",24),n(48,"}"),t(),n(49," "),e(50,"span",23),n(51,"from"),t(),n(52," "),e(53,"span",25),n(54,"'ng-zorro-antd/progress'"),t(),e(55,"span",24),n(56,";"),t(),n(57,`
`),t()(),d(),t(),e(58,"h2")(59,"span"),n(60,"\u4EE3\u7801\u6F14\u793A"),t(),e(61,"nz-icon",26),S("click",function(){return p.expandAllCode()}),t()()(),e(62,"div",27)(63,"div",28)(64,"nz-code-box",29),o(65,"nz-demo-progress-line",30),e(66,"div",31),l(),e(67,"p"),n(68,"\u6807\u51C6\u7684\u8FDB\u5EA6\u6761\u3002"),t(),d(),t()(),e(69,"nz-code-box",32),o(70,"nz-demo-progress-line-mini",30),e(71,"div",31),l(),e(72,"p"),n(73,"\u9002\u5408\u653E\u5728\u8F83\u72ED\u7A84\u7684\u533A\u57DF\u5185\u3002"),t(),d(),t()(),e(74,"nz-code-box",33),o(75,"nz-demo-progress-circle-dynamic",30),e(76,"div",31),l(),e(77,"p"),n(78,"\u4F1A\u52A8\u7684\u8FDB\u5EA6\u6761\u624D\u662F\u597D\u8FDB\u5EA6\u6761\u3002"),t(),d(),t()(),e(79,"nz-code-box",34),o(80,"nz-demo-progress-format",30),e(81,"div",31),l(),e(82,"p")(83,"code"),n(84,"nzFormat"),t(),n(85," \u5C5E\u6027\u6307\u5B9A\u683C\u5F0F\u3002"),t(),d(),t()(),e(86,"nz-code-box",35),o(87,"nz-demo-progress-segment",30),e(88,"div",31),l(),e(89,"p"),n(90,"\u6807\u51C6\u7684\u8FDB\u5EA6\u6761\u3002"),t(),d(),t()(),e(91,"nz-code-box",36),o(92,"nz-demo-progress-gradient",30),e(93,"div",31),l(),e(94,"p")(95,"code"),n(96,"linear-gradient"),t(),n(97," \u7684\u5C01\u88C5\u3002\u63A8\u8350\u53EA\u4F20\u4E24\u79CD\u989C\u8272\u3002"),t(),d(),t()()(),e(98,"div",28)(99,"nz-code-box",37),o(100,"nz-demo-progress-circle",30),e(101,"div",31),l(),e(102,"p"),n(103,"\u5708\u5F62\u7684\u8FDB\u5EA6\u3002"),t(),d(),t()(),e(104,"nz-code-box",38),o(105,"nz-demo-progress-circle-mini",30),e(106,"div",31),l(),e(107,"p"),n(108,"\u5C0F\u4E00\u53F7\u7684\u5708\u5F62\u8FDB\u5EA6\u3002"),t(),d(),t()(),e(109,"nz-code-box",39),o(110,"nz-demo-progress-dynamic",30),e(111,"div",31),l(),e(112,"p"),n(113,"\u4F1A\u52A8\u7684\u8FDB\u5EA6\u6761\u624D\u662F\u597D\u8FDB\u5EA6\u6761\u3002"),t(),d(),t()(),e(114,"nz-code-box",40),o(115,"nz-demo-progress-dashboard",30),e(116,"div",31),l(),e(117,"p"),n(118,"\u901A\u8FC7\u8BBE\u7F6E "),e(119,"code"),n(120,'nzType="dashboard"'),t(),n(121,"\uFF0C\u53EF\u4EE5\u5F88\u65B9\u4FBF\u5730\u5B9E\u73B0\u4EEA\u8868\u76D8\u6837\u5F0F\u7684\u8FDB\u5EA6\u6761\u3002"),t(),d(),t()(),e(122,"nz-code-box",41),o(123,"nz-demo-progress-round",30),e(124,"div",31),l(),e(125,"p"),n(126,"\u901A\u8FC7\u8BBE\u5B9A "),e(127,"code"),n(128,"nzStrokeLinecap='square|round'"),t(),n(129," \u53EF\u4EE5\u8C03\u6574\u8FDB\u5EA6\u6761\u8FB9\u7F18\u7684\u5F62\u72B6\u3002"),t(),d(),t()(),e(130,"nz-code-box",42),o(131,"nz-demo-progress-step",30),e(132,"div",31),l(),e(133,"p"),n(134,"\u5E26\u6B65\u9AA4\u7684\u8FDB\u5EA6\u6761\u3002"),t(),d(),t()()()(),e(135,"section",43),l(),e(136,"h2",44)(137,"span"),n(138,"API"),t(),e(139,"a",45),n(140,"#"),t()(),e(141,"h3",46)(142,"span"),n(143,"nz-progress"),t(),e(144,"label",47),n(145,"component"),t(),e(146,"a",48),n(147,"#"),t()(),e(148,"p"),n(149,"\u5404\u7C7B\u578B\u901A\u7528\u7684\u5C5E\u6027\u3002"),t(),e(150,"table")(151,"thead")(152,"tr")(153,"th"),n(154,"\u5C5E\u6027"),t(),e(155,"th"),n(156,"\u8BF4\u660E"),t(),e(157,"th"),n(158,"\u7C7B\u578B"),t(),e(159,"th"),n(160,"\u9ED8\u8BA4\u503C"),t(),e(161,"th"),n(162,"\u5168\u5C40\u914D\u7F6E"),t()()(),e(163,"tbody")(164,"tr")(165,"td")(166,"code"),n(167,"[nzType]"),t()(),e(168,"td"),n(169,"\u7C7B\u578B"),t(),e(170,"td")(171,"code"),n(172,"'line' | 'circle' | 'dashboard'"),t()(),e(173,"td")(174,"code"),n(175,"'line'"),t()(),o(176,"td"),t(),e(177,"tr")(178,"td")(179,"code"),n(180,"[nzFormat]"),t()(),e(181,"td"),n(182,"\u5185\u5BB9\u7684\u6A21\u677F\u51FD\u6570"),t(),e(183,"td")(184,"code"),n(185,"(percent: number) => string | TemplateRef<{ $implicit: number }>"),t()(),e(186,"td")(187,"code"),n(188,"percent => percent + '%'"),t()(),o(189,"td"),t(),e(190,"tr")(191,"td")(192,"code"),n(193,"[nzPercent]"),t()(),e(194,"td"),n(195,"\u767E\u5206\u6BD4"),t(),e(196,"td")(197,"code"),n(198,"number"),t()(),e(199,"td")(200,"code"),n(201,"0"),t()(),o(202,"td"),t(),e(203,"tr")(204,"td")(205,"code"),n(206,"[nzShowInfo]"),t()(),e(207,"td"),n(208,"\u662F\u5426\u663E\u793A\u8FDB\u5EA6\u6570\u503C\u6216\u72B6\u6001\u56FE\u6807"),t(),e(209,"td")(210,"code"),n(211,"boolean"),t()(),e(212,"td")(213,"code"),n(214,"true"),t()(),e(215,"td"),n(216,"\u2705"),t()(),e(217,"tr")(218,"td")(219,"code"),n(220,"[nzStatus]"),t()(),e(221,"td"),n(222,"\u72B6\u6001"),t(),e(223,"td")(224,"code"),n(225,"'success' | 'exception' | 'active' | 'normal'"),t()(),e(226,"td"),n(227,"-"),t(),o(228,"td"),t(),e(229,"tr")(230,"td")(231,"code"),n(232,"[nzStrokeLinecap]"),t()(),e(233,"td"),n(234,"\u8FDB\u5EA6\u6761\u7AEF\u70B9\u5F62\u72B6"),t(),e(235,"td")(236,"code"),n(237,"'round' | 'square'"),t()(),e(238,"td")(239,"code"),n(240,"'round'"),t()(),e(241,"td"),n(242,"\u2705"),t()(),e(243,"tr")(244,"td")(245,"code"),n(246,"[nzStrokeColor]"),t()(),e(247,"td"),n(248,"\u8FDB\u5EA6\u6761\u989C\u8272\uFF0C\u4F20\u5165\u5BF9\u8C61\u65F6\u4E3A\u6E10\u53D8"),t(),e(249,"td")(250,"code"),n(251,"string | { from: string; to: string: direction: string; [percent: string]: string }"),t()(),e(252,"td"),n(253,"-"),t(),e(254,"td"),n(255,"\u2705"),t()(),e(256,"tr")(257,"td")(258,"code"),n(259,"[nzSuccessPercent]"),t()(),e(260,"td"),n(261,"\u5DF2\u5B8C\u6210\u7684\u5206\u6BB5\u767E\u5206\u6BD4"),t(),e(262,"td")(263,"code"),n(264,"number"),t()(),e(265,"td"),n(266,"0"),t(),o(267,"td"),t()()(),e(268,"h3",49)(269,"span")(270,"code"),n(271,'nzType="line"'),t()(),e(272,"a",50),n(273,"#"),t()(),e(274,"table")(275,"thead")(276,"tr")(277,"th"),n(278,"\u5C5E\u6027"),t(),e(279,"th"),n(280,"\u8BF4\u660E"),t(),e(281,"th"),n(282,"\u7C7B\u578B"),t(),e(283,"th"),n(284,"\u9ED8\u8BA4\u503C"),t()()(),e(285,"tbody")(286,"tr")(287,"td")(288,"code"),n(289,"[nzStrokeWidth]"),t()(),e(290,"td"),n(291,"\u8FDB\u5EA6\u6761\u7EBF\u7684\u5BBD\u5EA6\uFF0C\u5355\u4F4D px"),t(),e(292,"td")(293,"code"),n(294,"number"),t()(),e(295,"td")(296,"code"),n(297,"8"),t()()(),e(298,"tr")(299,"td")(300,"code"),n(301,"[nzSteps]"),t()(),e(302,"td"),n(303,"\u8FDB\u5EA6\u6761\u603B\u5171\u6B65\u6570"),t(),e(304,"td")(305,"code"),n(306,"number"),t()(),e(307,"td"),n(308,"-"),t()()()(),e(309,"h3",51)(310,"span")(311,"code"),n(312,'nzType="circle"'),t()(),e(313,"a",52),n(314,"#"),t()(),e(315,"table")(316,"thead")(317,"tr")(318,"th"),n(319,"\u5C5E\u6027"),t(),e(320,"th"),n(321,"\u8BF4\u660E"),t(),e(322,"th"),n(323,"\u7C7B\u578B"),t(),e(324,"th"),n(325,"\u9ED8\u8BA4\u503C"),t(),e(326,"th"),n(327,"\u5168\u5C40\u914D\u7F6E"),t()()(),e(328,"tbody")(329,"tr")(330,"td")(331,"code"),n(332,"[nzWidth]"),t()(),e(333,"td"),n(334,"\u5706\u5F62\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\uFF0C\u5355\u4F4D px"),t(),e(335,"td")(336,"code"),n(337,"number"),t()(),e(338,"td")(339,"code"),n(340,"132"),t()(),o(341,"td"),t(),e(342,"tr")(343,"td")(344,"code"),n(345,"[nzStrokeWidth]"),t()(),e(346,"td"),n(347,"\u5706\u5F62\u8FDB\u5EA6\u6761\u7EBF\u7684\u5BBD\u5EA6\uFF0C\u5355\u4F4D\u662F\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\u7684\u767E\u5206\u6BD4"),t(),e(348,"td")(349,"code"),n(350,"number"),t()(),e(351,"td")(352,"code"),n(353,"6"),t()(),e(354,"td"),n(355,"\u2705"),t()()()(),e(356,"h3",53)(357,"span")(358,"code"),n(359,'nzType="dashboard"'),t()(),e(360,"a",54),n(361,"#"),t()(),e(362,"table")(363,"thead")(364,"tr")(365,"th"),n(366,"\u5C5E\u6027"),t(),e(367,"th"),n(368,"\u8BF4\u660E"),t(),e(369,"th"),n(370,"\u7C7B\u578B"),t(),e(371,"th"),n(372,"\u9ED8\u8BA4\u503C"),t(),e(373,"th"),n(374,"\u5168\u5C40\u914D\u7F6E"),t()()(),e(375,"tbody")(376,"tr")(377,"td")(378,"code"),n(379,"[nzWidth]"),t()(),e(380,"td"),n(381,"\u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u753B\u5E03\u5BBD\u5EA6\uFF0C\u5355\u4F4D px"),t(),e(382,"td")(383,"code"),n(384,"number"),t()(),e(385,"td")(386,"code"),n(387,"132"),t()(),o(388,"td"),t(),e(389,"tr")(390,"td")(391,"code"),n(392,"[nzStrokeWidth]"),t()(),e(393,"td"),n(394,"\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"),t(),e(395,"td")(396,"code"),n(397,"number"),t()(),e(398,"td")(399,"code"),n(400,"6"),t()(),e(401,"td"),n(402,"\u2705"),t()(),e(403,"tr")(404,"td")(405,"code"),n(406,"[nzGapDegree]"),t()(),e(407,"td"),n(408,"\u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u7F3A\u53E3\u89D2\u5EA6\uFF0C\u53EF\u53D6\u503C 0 ~ 360"),t(),e(409,"td")(410,"code"),n(411,"number"),t()(),e(412,"td")(413,"code"),n(414,"0"),t()(),e(415,"td"),n(416,"\u2705"),t()(),e(417,"tr")(418,"td")(419,"code"),n(420,"[nzGapPosition]"),t()(),e(421,"td"),n(422,"\u4EEA\u8868\u76D8\u8FDB\u5EA6\u6761\u7F3A\u53E3\u4F4D\u7F6E"),t(),e(423,"td")(424,"code"),n(425,"'top' | 'right' | 'bottom' | 'left'"),t()(),e(426,"td")(427,"code"),n(428,"'top'"),t()(),e(429,"td"),n(430,"\u2705"),t()()()(),d(),t()()),r&2&&(m(),i("nzOffsetTop",16),m(),i("nzAffix",!1),m(60),i("nzGutter",16),m(),i("nzXl",12)("nzSpan",24),m(),i("nzId","components-progress-demo-line")("nzLink","components-progress-demo-line")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/demo/line.md"),m(5),i("nzId","components-progress-demo-line-mini")("nzLink","components-progress-demo-line-mini")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/demo/line-mini.md"),m(5),i("nzId","components-progress-demo-circle-dynamic")("nzLink","components-progress-demo-circle-dynamic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/demo/circle-dynamic.md"),m(5),i("nzId","components-progress-demo-format")("nzLink","components-progress-demo-format")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/demo/format.md"),m(7),i("nzId","components-progress-demo-segment")("nzLink","components-progress-demo-segment")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/demo/segment.md"),m(5),i("nzId","components-progress-demo-gradient")("nzLink","components-progress-demo-gradient")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/demo/gradient.md"),m(7),i("nzXl",12)("nzSpan",24),m(),i("nzId","components-progress-demo-circle")("nzLink","components-progress-demo-circle")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/demo/circle.md"),m(5),i("nzId","components-progress-demo-circle-mini")("nzLink","components-progress-demo-circle-mini")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/demo/circle-mini.md"),m(5),i("nzId","components-progress-demo-dynamic")("nzLink","components-progress-demo-dynamic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/demo/dynamic.md"),m(5),i("nzId","components-progress-demo-dashboard")("nzLink","components-progress-demo-dashboard")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/demo/dashboard.md"),m(8),i("nzId","components-progress-demo-round")("nzLink","components-progress-demo-round")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/demo/round.md"),m(8),i("nzId","components-progress-demo-step")("nzLink","components-progress-demo-step")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/demo/step.md"))},dependencies:[j,C,$,U,V,X,Q,D,x,b,y,N,P,B,F,I,v,k,A,T,H],encapsulation:2})};var J=class s{expanded=!1;codeBoxes;goLink(a){window&&(window.location.hash=a)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(a=>a.expandCode(this.expanded))}static \u0275fac=function(r){return new(r||s)};static \u0275cmp=c({type:s,selectors:[["nz-demo-progress"]],viewQuery:function(r,p){if(r&1&&L(C,5),r&2){let g;G(g=M())&&(p.codeBoxes=g)}},decls:439,vars:67,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-progress-demo-line","nzTitle","Progress bar"],["nzHref","#components-progress-demo-circle","nzTitle","Circular progress bar"],["nzHref","#components-progress-demo-line-mini","nzTitle","Mini size progress bar"],["nzHref","#components-progress-demo-circle-mini","nzTitle","Mini size circular progress bar"],["nzHref","#components-progress-demo-circle-dynamic","nzTitle","Dynamic circular progress bar"],["nzHref","#components-progress-demo-dynamic","nzTitle","Dynamic"],["nzHref","#components-progress-demo-format","nzTitle","Custom text format"],["nzHref","#components-progress-demo-dashboard","nzTitle","Dashboard"],["nzHref","#components-progress-demo-segment","nzTitle","Progress bar with success segment"],["nzHref","#components-progress-demo-round","nzTitle","Square linecaps"],["nzHref","#components-progress-demo-gradient","nzTitle","Custom line gradient"],["nzHref","#components-progress-demo-step","nzTitle","Progress bar with steps"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["id","when_to_use"],["onclick","window.location.hash = 'when_to_use'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","Progress bar","nzSelector","nz-demo-progress-line","nzGenerateCommand","ng g ng-zorro-antd:progress-line <name>","nzComponentName","NzDemoProgressLineComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Mini size progress bar","nzSelector","nz-demo-progress-line-mini","nzGenerateCommand","ng g ng-zorro-antd:progress-line-mini <name>","nzComponentName","NzDemoProgressLineMiniComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Dynamic circular progress bar","nzSelector","nz-demo-progress-circle-dynamic","nzGenerateCommand","ng g ng-zorro-antd:progress-circle-dynamic <name>","nzComponentName","NzDemoProgressCircleDynamicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Custom text format","nzSelector","nz-demo-progress-format","nzGenerateCommand","ng g ng-zorro-antd:progress-format <name>","nzComponentName","NzDemoProgressFormatComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Progress bar with success segment","nzSelector","nz-demo-progress-segment","nzGenerateCommand","ng g ng-zorro-antd:progress-segment <name>","nzComponentName","NzDemoProgressSegmentComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Custom line gradient","nzSelector","nz-demo-progress-gradient","nzGenerateCommand","ng g ng-zorro-antd:progress-gradient <name>","nzComponentName","NzDemoProgressGradientComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Circular progress bar","nzSelector","nz-demo-progress-circle","nzGenerateCommand","ng g ng-zorro-antd:progress-circle <name>","nzComponentName","NzDemoProgressCircleComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Mini size circular progress bar","nzSelector","nz-demo-progress-circle-mini","nzGenerateCommand","ng g ng-zorro-antd:progress-circle-mini <name>","nzComponentName","NzDemoProgressCircleMiniComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Dynamic","nzSelector","nz-demo-progress-dynamic","nzGenerateCommand","ng g ng-zorro-antd:progress-dynamic <name>","nzComponentName","NzDemoProgressDynamicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Dashboard","nzSelector","nz-demo-progress-dashboard","nzGenerateCommand","ng g ng-zorro-antd:progress-dashboard <name>","nzComponentName","NzDemoProgressDashboardComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Square linecaps","nzSelector","nz-demo-progress-round","nzGenerateCommand","ng g ng-zorro-antd:progress-round <name>","nzComponentName","NzDemoProgressRoundComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Progress bar with steps","nzSelector","nz-demo-progress-step","nzGenerateCommand","ng g ng-zorro-antd:progress-step <name>","nzComponentName","NzDemoProgressStepComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-progress"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-progress'",1,"anchor"],["id","lesscodegreaternztype=andquot;lineandquot;less/codegreater"],["onclick","window.location.hash = 'lesscodegreaternztype=andquot;lineandquot;less/codegreater'",1,"anchor"],["id","lesscodegreaternztype=andquot;circleandquot;less/codegreater"],["onclick","window.location.hash = 'lesscodegreaternztype=andquot;circleandquot;less/codegreater'",1,"anchor"],["id","lesscodegreaternztype=andquot;dashboardandquot;less/codegreater"],["onclick","window.location.hash = 'lesscodegreaternztype=andquot;dashboardandquot;less/codegreater'",1,"anchor"]],template:function(r,p){r&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),S("nzClick",function(K){return p.goLink(K)}),o(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8)(10,"nz-link",9)(11,"nz-link",10)(12,"nz-link",11)(13,"nz-link",12)(14,"nz-link",13)(15,"nz-link",14),t()(),e(16,"section",15)(17,"h1"),n(18,"Progress"),o(19,"span",16)(20,"span",17),e(21,"a",18),o(22,"nz-icon",19),t()(),e(23,"section",15),l(),e(24,"p"),n(25,"Display the current progress of an operation flow."),t(),e(26,"h2",20)(27,"span"),n(28,"When To Use"),t(),e(29,"a",21),n(30,"#"),t()(),e(31,"p"),n(32,"If it will take a long time to complete an operation, you can use "),e(33,"code"),n(34,"Progress"),t(),n(35," to show the current progress and status."),t(),e(36,"ul")(37,"li"),n(38,"When an operation will interrupt the current interface, or it needs to run in the background for more than 2 seconds."),t(),e(39,"li"),n(40,"When you need to display the completion percentage of an operation."),t()(),e(41,"pre")(42,"code",22)(43,"span",23),n(44,"import"),t(),n(45," "),e(46,"span",24),n(47,"{"),t(),n(48," NzProgressModule "),e(49,"span",24),n(50,"}"),t(),n(51," "),e(52,"span",23),n(53,"from"),t(),n(54," "),e(55,"span",25),n(56,"'ng-zorro-antd/progress'"),t(),e(57,"span",24),n(58,";"),t(),n(59,`
`),t()(),d(),t(),e(60,"h2")(61,"span"),n(62,"Examples"),t(),e(63,"nz-icon",26),S("click",function(){return p.expandAllCode()}),t()()(),e(64,"div",27)(65,"div",28)(66,"nz-code-box",29),o(67,"nz-demo-progress-line",30),e(68,"div",31),l(),e(69,"p"),n(70,"A standard progress bar."),t(),d(),t()(),e(71,"nz-code-box",32),o(72,"nz-demo-progress-line-mini",30),e(73,"div",31),l(),e(74,"p"),n(75,"Appropriate for a narrow area."),t(),d(),t()(),e(76,"nz-code-box",33),o(77,"nz-demo-progress-circle-dynamic",30),e(78,"div",31),l(),e(79,"p"),n(80,"A dynamic progress bar is better."),t(),d(),t()(),e(81,"nz-code-box",34),o(82,"nz-demo-progress-format",30),e(83,"div",31),l(),e(84,"p"),n(85,"You can custom text format by setting "),e(86,"code"),n(87,"nzFormat"),t(),n(88,"."),t(),d(),t()(),e(89,"nz-code-box",35),o(90,"nz-demo-progress-segment",30),e(91,"div",31),l(),e(92,"p"),n(93,"A standard progress bar."),t(),d(),t()(),e(94,"nz-code-box",36),o(95,"nz-demo-progress-gradient",30),e(96,"div",31),l(),e(97,"p"),n(98,"A package of "),e(99,"code"),n(100,"linear-gradient"),t(),n(101,". It is recommended to only pass two colors."),t(),d(),t()()(),e(102,"div",28)(103,"nz-code-box",37),o(104,"nz-demo-progress-circle",30),e(105,"div",31),l(),e(106,"p"),n(107,"A circular progress bar."),t(),d(),t()(),e(108,"nz-code-box",38),o(109,"nz-demo-progress-circle-mini",30),e(110,"div",31),l(),e(111,"p"),n(112,"A smaller circular progress bar."),t(),d(),t()(),e(113,"nz-code-box",39),o(114,"nz-demo-progress-dynamic",30),e(115,"div",31),l(),e(116,"p"),n(117,"A dynamic progress bar is better."),t(),d(),t()(),e(118,"nz-code-box",40),o(119,"nz-demo-progress-dashboard",30),e(120,"div",31),l(),e(121,"p"),n(122,"By setting "),e(123,"code"),n(124,'nzType="dashboard"'),t(),n(125,", you can get a dashboard style of progress easily."),t(),d(),t()(),e(126,"nz-code-box",41),o(127,"nz-demo-progress-round",30),e(128,"div",31),l(),e(129,"p"),n(130,"By setting "),e(131,"code"),n(132,"nzStrokeLinecap='square'"),t(),n(133,", you can change the linecaps from round to square."),t(),d(),t()(),e(134,"nz-code-box",42),o(135,"nz-demo-progress-step",30),e(136,"div",31),l(),e(137,"p"),n(138,"A progress bar with steps."),t(),d(),t()()()(),e(139,"section",43),l(),e(140,"h2",44)(141,"span"),n(142,"API"),t(),e(143,"a",45),n(144,"#"),t()(),e(145,"h3",46)(146,"span"),n(147,"nz-progress"),t(),e(148,"label",47),n(149,"component"),t(),e(150,"a",48),n(151,"#"),t()(),e(152,"table")(153,"thead")(154,"tr")(155,"th"),n(156,"Property"),t(),e(157,"th"),n(158,"Description"),t(),e(159,"th"),n(160,"Type"),t(),e(161,"th"),n(162,"Default"),t(),e(163,"th"),n(164,"Global Config"),t()()(),e(165,"tbody")(166,"tr")(167,"td")(168,"code"),n(169,"[nzType]"),t()(),e(170,"td"),n(171,"to set the type"),t(),e(172,"td")(173,"code"),n(174,"'line' | 'circle' | 'dashboard'"),t()(),e(175,"td")(176,"code"),n(177,"'line'"),t()(),o(178,"td"),t(),e(179,"tr")(180,"td")(181,"code"),n(182,"[nzFormat]"),t()(),e(183,"td"),n(184,"template function of the content"),t(),e(185,"td")(186,"code"),n(187,"(percent: number) => string | TemplateRef<{ $implicit: number }>"),t()(),e(188,"td")(189,"code"),n(190,"percent => percent + '%'"),t()(),o(191,"td"),t(),e(192,"tr")(193,"td")(194,"code"),n(195,"[nzPercent]"),t()(),e(196,"td"),n(197,"to set the completion percentage"),t(),e(198,"td")(199,"code"),n(200,"number"),t()(),e(201,"td")(202,"code"),n(203,"0"),t()(),o(204,"td"),t(),e(205,"tr")(206,"td")(207,"code"),n(208,"[nzShowInfo]"),t()(),e(209,"td"),n(210,"whether to display the progress value and the status icon"),t(),e(211,"td")(212,"code"),n(213,"boolean"),t()(),e(214,"td")(215,"code"),n(216,"true"),t()(),e(217,"td"),n(218,"\u2705"),t()(),e(219,"tr")(220,"td")(221,"code"),n(222,"[nzStatus]"),t()(),e(223,"td"),n(224,"to set the status of the Progress"),t(),e(225,"td")(226,"code"),n(227,"'success' | 'exception' | 'active' | 'normal'"),t()(),e(228,"td"),n(229,"-"),t(),o(230,"td"),t(),e(231,"tr")(232,"td")(233,"code"),n(234,"[nzStrokeLinecap]"),t()(),e(235,"td"),n(236,"to set the style of the progress linecap"),t(),e(237,"td")(238,"code"),n(239,"'round' | 'square'"),t()(),e(240,"td")(241,"code"),n(242,"'round'"),t()(),e(243,"td"),n(244,"\u2705"),t()(),e(245,"tr")(246,"td")(247,"code"),n(248,"[nzStrokeColor]"),t()(),e(249,"td"),n(250,"color of progress bar, render linear-gradient when passing an object"),t(),e(251,"td")(252,"code"),n(253,"string | { from: string; to: string: direction: string; [percent: string]: string }"),t()(),e(254,"td"),n(255,"-"),t(),e(256,"td"),n(257,"\u2705"),t()(),e(258,"tr")(259,"td")(260,"code"),n(261,"[nzSuccessPercent]"),t()(),e(262,"td"),n(263,"segmented success percent"),t(),e(264,"td")(265,"code"),n(266,"number"),t()(),e(267,"td"),n(268,"0"),t(),o(269,"td"),t()()(),e(270,"h3",49)(271,"span")(272,"code"),n(273,'nzType="line"'),t()(),e(274,"a",50),n(275,"#"),t()(),e(276,"table")(277,"thead")(278,"tr")(279,"th"),n(280,"Property"),t(),e(281,"th"),n(282,"Description"),t(),e(283,"th"),n(284,"Type"),t(),e(285,"th"),n(286,"Default"),t()()(),e(287,"tbody")(288,"tr")(289,"td")(290,"code"),n(291,"[nzStrokeWidth]"),t()(),e(292,"td"),n(293,"to set the width of the progress bar, unit: "),e(294,"code"),n(295,"px"),t()(),e(296,"td")(297,"code"),n(298,"number"),t()(),e(299,"td")(300,"code"),n(301,"8"),t()()(),e(302,"tr")(303,"td")(304,"code"),n(305,"[nzSteps]"),t()(),e(306,"td"),n(307,"the total step count"),t(),e(308,"td")(309,"code"),n(310,"number"),t()(),e(311,"td"),n(312,"-"),t()()()(),e(313,"h3",51)(314,"span")(315,"code"),n(316,'nzType="circle"'),t()(),e(317,"a",52),n(318,"#"),t()(),e(319,"table")(320,"thead")(321,"tr")(322,"th"),n(323,"Property"),t(),e(324,"th"),n(325,"Description"),t(),e(326,"th"),n(327,"Type"),t(),e(328,"th"),n(329,"Default"),t(),e(330,"th"),n(331,"Global Config"),t()()(),e(332,"tbody")(333,"tr")(334,"td")(335,"code"),n(336,"[nzWidth]"),t()(),e(337,"td"),n(338,"to set the canvas width of the circular progress bar, unit: "),e(339,"code"),n(340,"px"),t()(),e(341,"td")(342,"code"),n(343,"number"),t()(),e(344,"td")(345,"code"),n(346,"132"),t()(),o(347,"td"),t(),e(348,"tr")(349,"td")(350,"code"),n(351,"[nzStrokeWidth]"),t()(),e(352,"td"),n(353,"to set the width of the circular progress bar, unit: percentage of the canvas width"),t(),e(354,"td")(355,"code"),n(356,"number"),t()(),e(357,"td")(358,"code"),n(359,"6"),t()(),e(360,"td"),n(361,"\u2705"),t()()()(),e(362,"h3",53)(363,"span")(364,"code"),n(365,'nzType="dashboard"'),t()(),e(366,"a",54),n(367,"#"),t()(),e(368,"table")(369,"thead")(370,"tr")(371,"th"),n(372,"Property"),t(),e(373,"th"),n(374,"Description"),t(),e(375,"th"),n(376,"Type"),t(),e(377,"th"),n(378,"Default"),t(),e(379,"th"),n(380,"Global Config"),t()()(),e(381,"tbody")(382,"tr")(383,"td")(384,"code"),n(385,"[nzWidth]"),t()(),e(386,"td"),n(387,"to set the canvas width of the dashboard progress bar, unit: "),e(388,"code"),n(389,"px"),t()(),e(390,"td")(391,"code"),n(392,"number"),t()(),e(393,"td")(394,"code"),n(395,"132"),t()(),o(396,"td"),t(),e(397,"tr")(398,"td")(399,"code"),n(400,"[nzStrokeWidth]"),t()(),e(401,"td"),n(402,"to set the width of the dashboard progress bar, unit: percentage of the canvas width"),t(),e(403,"td")(404,"code"),n(405,"number"),t()(),e(406,"td")(407,"code"),n(408,"6"),t()(),e(409,"td"),n(410,"\u2705"),t()(),e(411,"tr")(412,"td")(413,"code"),n(414,"[nzGapDegree]"),t()(),e(415,"td"),n(416,"the gap degree of half circle, 0 ~ 360"),t(),e(417,"td")(418,"code"),n(419,"number"),t()(),e(420,"td")(421,"code"),n(422,"0"),t()(),e(423,"td"),n(424,"\u2705"),t()(),e(425,"tr")(426,"td")(427,"code"),n(428,"[nzGapPosition]"),t()(),e(429,"td"),n(430,"the gap position"),t(),e(431,"td")(432,"code"),n(433,"'top' | 'right' | 'bottom' | 'left'"),t()(),e(434,"td")(435,"code"),n(436,"'top'"),t()(),e(437,"td"),n(438,"\u2705"),t()()()(),d(),t()()),r&2&&(m(),i("nzOffsetTop",16),m(),i("nzAffix",!1),m(62),i("nzGutter",16),m(),i("nzXl",12)("nzSpan",24),m(),i("nzId","components-progress-demo-line")("nzLink","components-progress-demo-line")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/demo/line.md"),m(5),i("nzId","components-progress-demo-line-mini")("nzLink","components-progress-demo-line-mini")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/demo/line-mini.md"),m(5),i("nzId","components-progress-demo-circle-dynamic")("nzLink","components-progress-demo-circle-dynamic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/demo/circle-dynamic.md"),m(5),i("nzId","components-progress-demo-format")("nzLink","components-progress-demo-format")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/demo/format.md"),m(8),i("nzId","components-progress-demo-segment")("nzLink","components-progress-demo-segment")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/demo/segment.md"),m(5),i("nzId","components-progress-demo-gradient")("nzLink","components-progress-demo-gradient")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/demo/gradient.md"),m(8),i("nzXl",12)("nzSpan",24),m(),i("nzId","components-progress-demo-circle")("nzLink","components-progress-demo-circle")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/demo/circle.md"),m(5),i("nzId","components-progress-demo-circle-mini")("nzLink","components-progress-demo-circle-mini")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/demo/circle-mini.md"),m(5),i("nzId","components-progress-demo-dynamic")("nzLink","components-progress-demo-dynamic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/demo/dynamic.md"),m(5),i("nzId","components-progress-demo-dashboard")("nzLink","components-progress-demo-dashboard")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/demo/dashboard.md"),m(8),i("nzId","components-progress-demo-round")("nzLink","components-progress-demo-round")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/demo/round.md"),m(8),i("nzId","components-progress-demo-step")("nzLink","components-progress-demo-step")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/progress/demo/step.md"))},dependencies:[j,C,$,U,V,X,Q,D,x,b,y,N,P,B,F,I,v,k,A,T,H],encapsulation:2})};var ce=[{path:"en",component:J},{path:"zh",component:Y}],xt=ce;export{xt as default};