HTML + css simple progress bar _ HTML/Xhtml _ webpage Creation

The progress bar is certainly not unfamiliar to everyone, and there are various implementation methods. This article explains how to use html + css to implement the progress bar. Interested friends can try to operate 1. HTML code

The Code is as follows:

Experience:

2. CSS style

The Code is as follows:

. Progress-bar,. progress-bar B {background: url ("/images/ico.png") no-repeat scroll 0 0; display: block ;}
. Progress-bar {background-position: 0 0; height: 15px; width: pixel PX ;}
. Progress-bar B {background-position: 0-17px; height: 12px ;}

Attachment: