react组件，用于各种圆形方形进度条、环形图、饼
react-super-progress
其他API
Development
Progress Bar 、rect Bar and pei progress
https://www.lzyweb.cn/progress-docs/#/elements/components/Progress
Screenshots npm install react-super-progress -S
Usage
import { Progress } from 'react-super-progress'; ReactDOM.render(<div> <Progress>50%</Progress> </div>, container); API data 接收一个数组对象，形成单个或多个进度形状
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| type | 圆形类型，支持三总类型:'circle':圆形进度圈，'rect':方形进度圈, 'dashedCircle':齿轮进度圈 | string | circle |
| width | 圆形厚度， | number | 65 |
| value | 进度值 | number | 100 |
| r | 半径(大小) | number | 160 |
| color | 接收一个字符串或者一个数组颜色作为渐变色 | array or string | ['#3AB078', '#000'] |
注：当type='dashedCircle'时需要指定额外参数
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| divide | 齿轮被一圈所平分的个数(决定齿轮间间隙)， | number | 48 |
| height | 齿轮厚度， | number | 65 |
| rx | 齿轮横向圆角 | number | 4 |
| ry | 齿轮纵向圆角 | number | 4 |
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| centerTextClass | 中心文本自定class， | string | null |
| children | 自定义其他中心文本 | ReactElement | null |
npm install
npm start
版权声明：
1、该文章(资料)来源于互联网公开信息，我方只是对该内容做点评，所分享的下载地址为原作者公开地址。2、网站不提供资料下载，如需下载请到原作者页面进行下载。
