Labels & Badges
Default Labels & Badges
Labels
Default Primary Info Success Danger Warning sky blueberry yellow darkorange magenta purple maroon darkpink pink azure orange

Badges
1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7

Square Badges
1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7
Graded Labels & Badges
Labels
Default Primary Info Success Danger Warning sky blueberry yellow darkorange magenta purple maroon darkpink pink azure orange

Badges
1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7

Square Badges
1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7
DropDowns
Progress Bars
Simple Progress Bars
Basic
60% Complete (warning)
Stripped

Animated

Stacked
Advances Progress Bars
Sizes

Bordered
20%
Right Aligned

Without Radius Border

Shadowed

Bordered & Stacked
Vertical Progress Bars
40%
40%
40%
40%
40%
40%

Bordered
40%
40%
40%
40%
40%
40%
Dynamic Progress Bars

Static

22%
166 / 200

Dynamic

{{dynamic}} / {{max}} No animation {{dynamic}}% Object (changes type based on value) {{type}} !!! Watch out !!!

Stacked

{{bar.value}}%
Bootstrap UI Pagination

Default


The selected page no: {{currentPage}}

Pager


Limit the maximum visible buttons



Page: {{bigCurrentPage}} / {{numPages}}