CirecleProgress 环形进度条

显示任务的当前操作进度。

基本用法

  1. html
  2.     <nut-circleprogress progress="10">
  3.     </nut-circleprogress>

环形进度条自定义样式

  1. htmL
  2.     <nut-circleprogress progress="50" :progress-option="progressOption">
  3.     </nut-circleprogress>

环形进度条自定义内容

  1. htmL
  2.     <nut-circleprogress progress="50" :is-auto="true">
  3.     </nut-circleprogress>

Prop

字段说明类型默认值
progress百分比Number,String必传项，无默认值
stroke-inner-width圆弧的宽度Number,String10
is-auto是否自定义内容显示Booleanfalse
progress-option外圆相关参数对象,其中包括半径，宽度，背景颜色，进度色值Object{radius: 50,strokeOutWidth: 10, backColor: ‘#d9d9d9’,progressColor: ‘red’}

CircleProgress 圆形进度条 - 图1