Skip to content

1cao2mu/react-circle-progress

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

react 圆环进度条

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages