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>
Supported Browsers are listed below:
- Google Chrome
- Internet Explorer
- How to create a gradient Video Progress Bar?
- How to create a table row using HTML5 ?
- How to create an inline frame using HTML5 ?
- How to Create Abbreviation of an Element using HTML5 ?
- How to create an ordered list using HTML5 ?
- How to create a client-side image-map in HTML5 ?
- How to create a caption for a figure element using HTML5 ?
- Upload Progress Bar in PHP
- Semantic-UI | Progress
- HTML 5 | <progress> Tag
- Bulma | Progress Bar
- HTML | <progress> max Attribute
- Bootstrap 4 | Progress Bars
- HTML | DOM Progress Object
- HTML | DOM Progress max Property
- HTML | <progress> value Attribute
- How to do box shadow with progress bar style using bootstrap?
- Bootstrap (Part-6) | Progress Bar and Jumbotron
- HTML | DOM Progress position Property
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to email@example.com. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.