Progress

Basic

Colors

Striped

Make a progress bar striped by adding the .progress-bar-striped class to the .progress-bar.

Animated

Add .active to .progress-bar-striped to animate the stripes right to left. Not available in IE9 and below.

See the documentation at https://angular-ui.github.io/bootstrap

Usage

To use progress bars, you need to include ui-bootstrap.js script:


<script src="path/to/js/ui-bootstrap.js"></script>

Example