Provide up-to-date feedback on the progress of a workflow or action with simple yet flexible progress bars.
Default progress bars are simple and css driven.
Sriped Progress bars made with CSS3 gradients, just add the progress-striped class
Animated progressbars with CSS3, just add a class active with progress-striped
You can stack one progressbar on top of another simply by including them all in the same div.progress
Have thinner progress bars with details
Indicate the current page's location within a navigational hierarchy.
Just add .breadcrumb to any ordered or un-ordered list
Provide pagination links for your site or app with the multi-page pagination component
Simple, scable pagination by adding the .pagination class. You can also add .disable for unselectable links or .active to indicate current page
Add smaller or larger pagination with the .pagination-lg or .pagination-sm class
Quick previous and next links for simple pagination implementations with light markup and styles
Just add the class .pager
Alternatively, you can align each link to the sides by adding the .previous and .next classes to the li
Put the .label class and make your span stand out
Add any of the below mentioned modifier classes to change the appearance of a label.
Default Primary Success Info Warning DangerEasily highlight new or unread items with the badge class
Add the span class="badge" to links, navs and more!
When there are no new or unread items, badges will simply collapse (via CSS's :empty selector) provided no content exists within.
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages
List groups are a flexible and powerful component for displaying not only simple lists of elements, but complex ones with custom content.
The most basic list group is simply an unordered list with list items, and the proper classes.
Add the badges component to any list group item and it will automatically be positioned on the right