(window.webpackJsonp=window.webpackJsonp||[]).push([[12,2,3],{1179:function(t,e,r){"use strict";r.r(e);r(106),r(640);var n={props:["anchors"],data:function(){return{url:""}},beforeMount:function(){this.url=window.location.href.split("#")[0]}},o=r(81),component=Object(o.a)(n,(function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("div",{staticClass:"page-anchor"},[r("a-anchor",{attrs:{targetOffset:80,offsetTop:85}},t._l(t.anchors,(function(title,e){return r("a-anchor-link",{key:e,attrs:{href:t.url+"#"+e,title:title}})})),1)],1)}),[],!1,null,null,null);e.default=component.exports},1180:function(t,e,r){"use strict";r.r(e);var n={inheritAttrs:!0,props:["code","lang"],data:function(){return{}},methods:{onCopy:function(t){this.$message.success({content:"Copied!"})}}},o=r(81),component=Object(o.a)(n,(function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("section",{staticClass:"highlight-section"},[r("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:t.code.trim(),expression:"code.trim()",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:t.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{type:"primary",icon:"copy",size:"small"}},[t._v("Copy")]),t._v(" "),r("highlight-code",{staticStyle:{"max-height":"500px"},attrs:{lang:t.lang?t.lang:"html"}},[t._v("\n\t\t"+t._s(t.code)+"\n\t")])],1)}),[],!1,null,null,null);e.default=component.exports},1226:function(t,e,r){"use strict";r.r(e);var n={head:function(){return{title:"Progress | Muse Vue Ant Design Dashboard @ Creative Tim",meta:[{hid:"description",name:"description",content:"Display the current progress of an operation flow."}]}},data:function(){return{anchors:{"When-To-Use":"When To Use","Progress-bar":"Progress bar"},codeSample:'\n<template>\n  <div>\n    <a-progress :percent="30" />\n    <a-progress :percent="50" status="active" />\n    <a-progress :percent="70" status="exception" />\n    <a-progress :percent="100" />\n    <a-progress :percent="50" :show-info="false" />\n  </div>\n</template>'}},methods:{}},o=r(81),component=Object(o.a)(n,(function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("div",[r("div",{staticClass:"page-row"},[r("div",{staticClass:"page-content"},[t._m(0),t._v(" "),r("a-divider"),t._v(" "),t._m(1),t._v(" "),r("h2",[t._v("Examples")]),t._v(" "),r("section",{staticClass:"mb-20",attrs:{id:"Progress-bar"}},[r("a-divider",{attrs:{orientation:"left"}},[t._v("Progress bar")]),t._v(" "),r("p",[t._v("\n\t\t\t\t\t\tA standard progress bar.\n\t\t\t\t\t")]),t._v(" "),r("div",{staticClass:"showcase"},[r("a-progress",{attrs:{percent:30}}),t._v(" "),r("a-progress",{attrs:{percent:50,status:"active"}}),t._v(" "),r("a-progress",{attrs:{percent:70,status:"exception"}}),t._v(" "),r("a-progress",{attrs:{percent:100}}),t._v(" "),r("a-progress",{attrs:{percent:50,"show-info":!1}})],1),t._v(" "),r("muse-snippet",{attrs:{code:t.codeSample}})],1),t._v(" "),t._m(2)],1),t._v(" "),r("muse-anchor",{attrs:{anchors:t.anchors}})],1)])}),[function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("section",{staticClass:"mb-24"},[r("h1",[t._v("Progress")]),t._v(" "),r("p",{staticClass:"text-dark"},[t._v("\n\t\t\t\t\t\tDisplay the current progress of an operation flow.\n\t\t\t\t\t")])])},function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("section",{staticClass:"mb-24",attrs:{id:"When-To-Use"}},[r("h2",[t._v("When To Use")]),t._v(" "),r("p",[t._v("\n\t\t\t\t\t\tIf it will take a long time to complete an operation, you can use Progress \n\t\t\t\t\t\tto show the current progress and status.\n\t\t\t\t\t")]),t._v(" "),r("ul",[r("li",[t._v("\n\t\t\t\t\t\t\tWhen an operation will interrupt the current interface, or it needs to\n\t\t\t\t\t\t\trun in the background for more than 2 seconds.\n\t\t\t\t\t\t")]),t._v(" "),r("li",[t._v("When you need to display the completion percentage of an operation.")])])])},function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("p",{staticClass:"text-right font-semibold mb-24"},[t._v("\n\t\t\t\t\tLooking for more Ant Design Vue Progress? Please check the\n\t\t\t\t\t"),r("a",{attrs:{target:"_blank",href:"https://antdv.com/components/progress/"}},[t._v("official docs")]),t._v(".\n\t\t\t\t")])}],!1,null,"b332c392",null);e.default=component.exports;installComponents(component,{MuseSnippet:r(1180).default,MuseAnchor:r(1179).default})}}]);