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.

License

MIT