@@include('./partials/main.html') @@include("partials/title-meta.html", {"title": "Progress"}) @@include('./partials/head-css.html')
@@include('./partials/menu.html')
@@include('./partials/topbar.html')
@@include("./partials/page-title.html", {"subtitle":"Base UI","title":"Progress"})

Basic Example

Default progress bar.

25%

Contextual alternatives

Progress bars use some of the same button and alert classes for consistent styles.

Striped example

Uses a gradient to create a striped effect.

Size example

We only set a height value on the .progress, so if you change that value the inner .progress-bar will automatically resize accordingly.

Progressbar Vertical

Use class .progress-vertical.

Progressbar Vertical Bottom

Use class .progress-vertical-bottom.

@@include('./partials/footer.html')
@@include('./partials/right-sidebar.html') @@include('./partials/footer-scripts.html')