Progress Bar of HTML 5

Progress Bar of HTML 5

In HTML 5, the <progress> tag represents the progress of a task.

Example for the progress element of HTML 5: 

<progress max="100" value="22"> </progress>

  

Note 1: The progress tag is not supported in Internet Explorer 9 and earlier versions.


Note 2: Use the <progress> tag in conjunction with JavaScript to display the progress of a task.


Styling Progress Bar

In the stylesheet:

progress { 
  background-color: #99ff99; 
  border: 0; 
  height: 18px; 
  border-radius: 9px; }

---

 

Progress Bar of HTML 5