Progressbar provide up-to-date feedback on the progress of a workflow or action with simple yet flexible bars.
This is the default progress bar provided by Bootstrap. You can also convert it to stripped, animated or stacked progressbar.
It consists of Bootstrap HTML structure enhanced with Propeller customized classes based on Material Standards. Include Propeller Static Progressbar to your code by adding
Include Propeller Striped Progressbar to your code by adding
Include Propeller Animated Progressbar to your code by adding
Include Propeller Stacked Progressbar to your code by adding
.progress-bar inside the wrapper div containing
The Propeller CSS classes apply various predefined visual enhancements to the progressbar. The table lists the available classes and their effects.
||Used to initialize static progress bar.||Required|
||Add this class to create propeller customized progress bar.||Required|
||Used to add stripes to the progress bar.||Optional|
||Add this class along with
||Use this class to create a stacked progress bar.||Optional|