react-progressbar-line
A linear progressbar component. Demo
Install
npm install --save react-progressbar-line
Usage
import React Component from 'react' import ProgressBarLine from 'react-progressbar-line' { return <ProgressBarLine = = = = = = /> }
Props
Name | Description | Default |
---|---|---|
value | Value for the progress bar. Required |
50 |
min | Min value for the progress bar |
0 |
max | Max value for the progress bar |
100 |
strokeWidth | strokeWidth for the progress bar |
5 |
trailWidth | trailWidth for the progress bar trail path |
5 |
flip | Flip direction rtl horizontally |
false |
text | Text for the progress bar |
'' |
styles | Custom styles for the progress bar |
Ideas for future development
- add round strokeLinecap
- add animation effects
- update demo page with react-styleguidist
License
MIT © brijesh-pant