React ProgressBar

    

$3

See demo page

$3

``javascript
npm i -S cjs-react-progressbar
`

$3

`javascript
import { ProgressBar } from 'cjs-react-progressbar';
`

$3

`javascript
progress={25}
position="top"
lineColor="green"
lineHeight={5}
zIndex={10}
className="some-class-name"
customStyles={{ userSelect: 'none' }}
/>
``

$3

| Option | Default | Type | Description |
|----------|--------------|------------|-----------------------------------------------|
| progress | (required) | number | Set progress _(0-100)_ % |
| position | top | string | Set progress bar position _(top, bottom_) |
| lineColor | #77b6ff | string | Set progress bar color _use css color property (hex, rgb, rgba, hsl, hsla)_ |
| lineHeight | 2 | number | Set progress bar line height _(px)_ |
| zIndex | 100 | number | Set progress bar stack order |
| className | (optional) | string | Add custom class name to progress bar |
| customStyles | (optional) | object | Add custom css styles or overwrite exiting ones |

License

MIT Licensed. Copyright (c) Piotr Sikora 2018.