A linear progressbar component
npm install react-progressbar-line> A linear progressbar component. Demo
 
``bash`
npm install --save react-progressbar-line
`jsx
import React, { Component } from 'react'
import ProgressBarLine from 'react-progressbar-line'
class ProgressBarLineExample extends Component {
render() {
return (
min={0}
max={100}
strokeWidth={5}
trailWidth={5}
styles={{
path: {
stroke: '#17b978'
},
trail: {
stroke: '#a7ff83'
},
text: {
fill: '#404040',
textAlign: 'center',
fontSize: '32px'
}
}}
/>
)
}
}
`
| Name | Description | Default |
| ----------- | -------------------------------------------- | ------- |
| value | Value for the progress bar. Required | 50 |Min value for the progress bar
| min | | 0 |Max value for the progress bar
| max | | 100 |strokeWidth for the progress bar
| strokeWidth | | 5 |trailWidth for the progress bar trail path
| trailWidth | | 5 |Flip direction rtl horizontally
| flip | | false |Text for the progress bar
| text | | '' |Custom styles for the progress bar` | |
| styles |
- add round strokeLinecap
- add animation effects
- update demo page with react-styleguidist
MIT © brijesh-pant