Date First Published: 28th February 2023
Topic: Web Design & Development
Subtopic: Web Development
Article Type: Computer Terms & Definitions
Difficulty: MediumDifficulty Level: 5/10
Learn more about what the HTML <progress> tag is in this article.
In HTML, the <progress> tag is used to display the completion progress of a task in the form of a bar or a wheel. It is used in combination with JavaScript to manipulate the values. This tag is often used to display the progress of a file being uploaded to a website and is supported by all major web browsers.
For accessibility reasons, always add the <label> tag.
An example of the <progress< tag with the output can be seen below:
The progress and meter tags look similar, but they are used for different things. The <progress> tag is used to indicate the progress of a task and create a progress bar, whilst the <meter> tag is used to measure data within a specified range and create a gauge. The data represented by the <meter> tag, such as temperature, is not related to progress completion, but in the <progress> tag, only progress should be represented, such as downloading progress.
Below are the attributes for the <progress> tag.
| Attribute | Description |
|---|---|
| Max | Sets the total amount for a progress bar. |
| Value | Specifies how much of a task is completed. |
If so, it is important that you tell me as soon as possible on this page.
Network Services Network Setups Network Standards Network Hardware Network Identifiers Network Software Internet Protocols Internet Organisations Data Transmission Technologies Web Development Web Design Web Advertising Web Applications Web Organisations Web Technologies Web Services SEO Threats To Systems, Data & Information Threats To Individuals Security Mechanisms & Technologies Computer Hardware Computer Software Ethics & Sustainability Legislation & User Data Protection
