Skip to content

Progress Bar

You can use the progress bars on their own or in combination with other widgets.

Basic
0%
25%
50%
75%
100%
Multiple bars
Progress bar labels
25%
1/2
You're almost there!
You did it!
Meh
Wow!
Cool
20%
!!
Progress bar max
1 of 5
50 of 135
75 of 111
463 of 500
Various (40) of 55
5
15
10
10
Progress bar striped
Progress color
With Labels
Meh
Wow!
25%
LOOK OUT!!
Stripes and Animations
Stripes
Animated Stripes
Plain
Progress animated
Example Toast
You don't have any new items in your calendar today!