1.0.8 • Published 6 years ago

rc-circular-progress v1.0.8

Weekly downloads
10
License
ISC
Repository
-
Last release
6 years ago

##环形进度条 ###安装

npm install rc-circular-progress --save

###用法

<Circle
    width={100}  
    strokeWidth={4}
    progress={65}
    showPercent={true}
    bgColor="red"
    color="#f51c3d"
    fontColor="#f50643"
    showGradient={false}
  />

###API | 参数 | 说明 | 类型 | 默认值 | 是否必须 | |---|---|---|---|---| | width | 圆环的宽度 | number | 100 | 否 | | strokeWidth | 描边的宽度 | number | 4 | 否 | | progress | 进度条比例 | number | 65 | 否 | | color | 不显示渐变情况下进度条颜色 | string | black | 否 | | fontColor | 数字颜色 | string | #000 | 否 | | showPercent | 是否显示百分比 | bool | true | 否 | | showGradient | 是否显示渐变色 | bool | false | 否 | | gradient | 渐变颜色 | object | {start: '#f51c3d', end: '#f66e42' } | 否 | | percentStyle | 百分比样式 | object | {} | 否 |