Back

Progress Bar

About

There are several types of indicators to signal the user that something is going, analogous to the "Please Wait" and "Loading" dialogs of desktop software. Below is an example of a progress bar.

About

Close

This progress bar for mobile use was created entirely in HTML5 and CSS3. No images are used, and JavaScript is only used to add and remove classes for button interaction. The progress bar requires no JavaScript to run. The animation is accomplished with CSS3 keyframe animation.