react-progressbar-circle
An React component for styling proggressbar.
Install
npm install react-progressbar-circle
How to use
import ProgressBar from 'react-progressbar-circle';
import * as React from 'react';
class Progress extends React.Component<any,any>{
constructor(props){
super(props);
}
render(){
return(
<div>
<ProgressBar
sqSize={100}
strokeWidth={10}
percentage={90}
color={'#ffff'}
>
</ProgressBar>
</div>
);
}
}
Options
Prop | description | default value |
---|---|---|
sqSize | Size of the progressbar. | 100 |
strokeWidth | Width of the arc. | 10 |
percentage | To sgow the completedpercentage. | 80 |
color | Color of the progressbar arc. | #fffff |
And that's it.