crazyjuiceReact ProgressBar
Demo
Installation
npm i -S cjs-react-progressbarImport as ES6 module
import { ProgressBar } from 'cjs-react-progressbar';Usage
<ProgressBar
progress={25}
position="top"
lineColor="green"
lineHeight={5}
zIndex={10}
className="some-class-name"
customStyles={{ userSelect: 'none' }}
/>Available options (props)
| 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.