HTML progress Tag defines a progress bar or progress indicator. HTML progress Tag is new HTML5 tag which represents the progress of any task, user can view the progress of task with progress tag.
Table of Contents
Syntax of HTML progress Tag
The Syntax of HTML progress Tag is shown below, It has both starting tag and ending tag.
<progress>
</progress>
Usage of HTML progress Tag
HTML progress Tag is used to display the progress of task to the user.
Programming languages like JavaScript or PHP are used with progress tag to display the dynamic progress of task. For example the downloading process or the disk space usage etc.
Example of HTML progress Tag
Simple example of HTML progress Tag is given below.
<label>Downloading:</label>
<progress value='50' max='100'>50%</progress>
Output
In above example we have used progress tag to display the progress of downloading process.
Browser Support for HTML progress Tag
HTML progress Tag is supported by all major browsers which include Chrome, Opera, Firefox, Edge and Safari.
Global Attributes Support in HTML progress Tag
The HTML progress Tag supports all Global Attributes.
Event Attributes Support in HTML progress Tag
The HTML progress Tag supports all Event Attributes.