react 圆环进度条
react citcle progress three type CanCirPro SvgCirPro 支持渐变色和动画
npm i react-circle-progress Usage
import { SvgCirPro,CanCirPro,CircleProgress } from "react-circle-progress";
More examples
ReactDOM.render(<div>
<CircleProgress percent={33} />
<CanCirPro percent={88} />
<SvgCirPro percent={100}/>
</div>, document.getElementById('root'));
props
| name | content |
|---|---|
| offset | offset |
| radius | radius |
| percent | percent |
| borderWidth | borderWidth |
| startcolor | startcolor |
| centercolor | centercolor |
| endColor | endColor(如果不是使用渐变色，可以三个props同样颜色值) |
| textStyle | textStyle |
| openAnimation | openAnimation |
179916551 欢迎交流前端各种问题
版权声明：
1、该文章(资料)来源于互联网公开信息，我方只是对该内容做点评，所分享的下载地址为原作者公开地址。2、网站不提供资料下载，如需下载请到原作者页面进行下载。
