Skip to content
Related Articles

Related Articles

Improve Article

How to Create a Progress Bar using HTML5 ?

  • Last Updated : 28 May, 2020

In this article, we are creating the progress bar of a task by using a <progress> tag. It is used to represent the progress of a task. It is also defined as how much work is done and how much is left. It is not used to represent the disk space or relevant query.


<progress attributes...> </progress>


<!DOCTYPE html>
        Represent the progress of a task
    <h1 style="color:green;">
        HTML5: How to represent 
        the progress of a task
    Downloading progress for a song:
    <progress value="57" max="100">


Supported Browsers are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

My Personal Notes arrow_drop_up
Recommended Articles
Page :