Chapter VI – Progress Bars
Written by Michał Krawczyk ,
In the world we're living in - time is money. We don't want to waste it, so everything has to happen fast and rapid. However, we all know, that from time to time, some actions take time and users need to go through some stages before reach the final point. Therefore, we present you progress bars, which will show users what is going on and approximately how long it will take
Basic example Premium component
[bar]0%[/bar] [bar]25%[/bar] [bar]50%[/bar] [bar]75%[/bar] [bar]100%[/bar]
Contextual Alternatives Premium component
Progress bars use some of the same button and alert classes for consistent styles.
[bar color="success"]25%[/bar] [bar color="info"]50%[/bar] [bar color="warning"]75%[/bar] [bar color="danger"]100%[/bar]
It is recommended to paste the copied code into the "Text" area. Otherwise, the shortcode may not work properly. If you copy the code into "Visual" area, it may contain additional operators, which might break the progress bar.