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

[bar]0%[/bar]
[bar]25%[/bar]
[bar]50%[/bar]
[bar]75%[/bar]
[bar]100%[/bar]
			

Contextual Alternatives

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]
			

NOTE!

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.