Progress
Styles
Progress bar is a graphical control element used to visualize the progression of an extended computer operation, such as a download, file transfer, or professional skill and work task. The graphic is accompanied by a textual representation of the progress in a percent format.
Basic Progress
With Label
Striped
Indicating
Animated
Stacked
Color
You can also apply any colour suited according to the nature of the task.
Bar Size
You can also use a thinner version of the default progress by simple changing the classes.
Radius
You can also use a radius style of the default progress by simple changing the classes.
Vertical Color
Vertical Bar Size
Vertical Complex Usage
Skill Bars
A more recent development is the professional skill bars, which is used in your professional situations where the extent of the skill can not be determined in a way that could be expressed as a percentage.This bar uses motion and title text to show that progress is taking place.
Photoshop 40%
Html 80%
Javascript 60%
asProgress official website
Progress bar use a linear function, such that the advancement of a progress bar is directly proportional to the amount of work that has been completed.