You can use the custom progress elment for displaying simple or complex progress bars.
It doesn't use the HTML5 <progress> element, ensuring you can stack progress bars, animate them, and place text labels over them.
Option to specify the progress amount for a bar in percent. Should be a value between 0 and 100
Option to specify the height (in pixels) for the progress bar
Option to specify a text label for a progress bar
The label will only display when you have set a value
Option to specify a funky custom label for a progress bar
Option to give a progress bar a success background color
Option to give a progress bar an info background color
Option to give a progress bar a warning background color
Option to give a progress bar a danger background color
Option to make the progress bar background striped
Option to make the progress bar animated
**NOTE: ** Giving this option will automatically also make the background striped
Option to specify a custom Html.Attribute for the progress bar
Opaque type representing available display options for the progress bar
Create a progress containing multiple progress bars next to each other
Progress.progressMulti
[ [ Progress.info, Progress.value 25 ]
, [ Progress.success, Progress.value 30 ]
]
Create a progress bar with various customization options
optionsList of options**NOTE: ** If you have duplicate options, the last one "wins"