Please wait...
infinity
5
New Message
Alexander
13min ago
Meeting with Shawn at Stark Tower by 8 o'clock.
Grayson
22min ago
You have 5 unread emails in your inbox.
Sophia
31min ago
OrderPlaced: You received a new oder from Tina.
Isabella
35min ago
Lara added a comment in Blazing Saddles.
Sophia
48min ago
OrderPlaced: You received a new oder from Tina.
View All
5
Project
Clockwork Orange
29%
Blazing Saddles
78%
Project Archimedes
45%
Eisenhower X
68%
Oreo Admin Templates
21%
View All
Mail
Contacts
Chat
Teams
Projects
Calendar
Alizee Thomas
Available
My Profile
80%
Taskboard
New
Locked
Sign Out
Progress Bars
UI
Progress Bars
3,2,6,5,9,8,7,9,5,1,3,5,7,4,6
Page Views
1,3,5,7,4,6,3,2,6,5,9,8,7,9,5
Visitors
Create New
Basic
Examples
Action
Another action
Something else
60% Complete
75%
Stacked
Place multiple bars into the same
.progress
to stack them.
Action
Another action
Something else
35% Complete (success)
20% Complete (warning)
10% Complete (danger)
Contextual
Alternatives
Progress bars use some of the same button and alert classes for consistent styles.
Action
Another action
Something else
40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete (danger)
Striped
Uses a gradient to create a striped effect. Not available in IE9 and below.
Action
Another action
Something else
40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete (danger)
