npm i @haftcinco/hc-progress-bar
import progress-bar from "@haftcinco/hc-progress-bar"
- progress Value 2. Backgrounds 3. active or deactivate
It specifies filling percentage of the bar
| type | Number |
| default | 0 |
| required | true |
this bar consists the following:
- warning
- danger
- success
- info
| type | String |
| default | warning |
| required | false |
you can active or deactivate bar
| type | Boolean |
| default | true |
| required | false |
You can set your bar height as well
| height | class |
|---|---|
| 5px | hc-progress.progress-xs |
| 10px | hc-progress.progress-sm |
| 15px | hc-progress.progress-md |
| 20px | hc-progress.progress-lg |
| 25px | hc-progress.progress-xl |
Add .hc-progress-bar-striped to any .hc-progress-bar to apply a stripe via CSS gradient over the progress bar’s background color.