react-circle-progress

react citcle progress three type CanCirPro SvgCirPro 支持渐变色和动画

### Installation

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  欢迎交流前端各种问题