To create a default progress bar, add a .progress class to a <div> element:

Add text inside the progress bar to show a visible percentage:

Add .progress-bar-striped to add stripes to the progress bars:

Add .progress-bar-animated to animate the stripes:

Combine animations with visible labels:

Set different heights using inline styles:

Include multiple progress bars in a single progress component: