HTML <progress> Tag

Description

The <progress> HTML element is used for representing the progress of a task.
This element could be used in conjunction with JavaScript to display the progress of a task or process as it is underway.

Properties

Permitted Parents
Any element that accepts phrasing content
Content
Inline and text, but no <progress> among its descendants
Start/End Tags
Start tag: required, End tag: required

Example

Download progress:
<progress value="45" max="100"></progress>

Attributes

Attribute Definition
max Specifies how much of the task has been completed
value Specifies how much work the task requires in total

Global Attributes

The <progress> tag also supports the Global Attributes in HTML5

Event Attributes

The <progress> tag also supports the Event Attributes in HTML5

Browser Support

Desktop
Explorer Edge Chrome Firefox Opera Safari
10Yes66116
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
YesYes6117Yes

Last updated by CSSPortal on: 6th December 2019