hc-progress-bar v0.0.4

hc-progress-bar

Installation

npm i @haftcinco/hc-progress-bar

Module

import progress-bar from "@haftcinco/hc-progress-bar"

props

1. progress Value
   2. Backgrounds
   3. active or deactivate

progress Value

It specifies filling percentage of the bar | || |----------------|-------------------------------| |type|Number|
|default|0|
|required|true|

Backgrounds

this bar consists the following:

• warning
• danger
• success
• info

active

you can active or deactivate bar | || |----------------|-------------------------------| |type|Boolean|
|default|true|
|required|false|

height

You can set your bar height as well

Striped

Add .hc-progress-bar-striped to any .hc-progress-bar to apply a stripe via CSS gradient over the progress bar’s background color.