Provide up-to-date feedback on the progress of an action with simple, modern progress bars... Or, just use them like all the cool kids do these days on their resumes and freelance websites.
Web Design 25%
Graphic Design 50%
Print Design 75%
There are a few things to note about the markup below.
- First notice that we've added class
.progress-labelelement to give it that consistent small heading font styling (see Smaller Headings).
- Next, take note that you must add a color class to the
- And lastly, make sure to also give your
.progress-barelement an inline style width percentage like
Web Design 25%25% Complete
And if you just want a stand-alone progress bar with no fancy labels or anything, feel free to use the
.progress element where you want.