@@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.

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