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 |

qq交流群

179916551  欢迎交流前端各种问题