Skip to navigation

HTML Tag: progress

A form control that represents the progress of the completion of a task.

Used with JavaScript to dynamically adjust a progress bar, showing the percentage of a calculation or download completed, for example.

Element content, if defined, should mirror the information established by the value and max attributes. This will be beneficial in situations where progress is not supported.

Optional Attributes

Attribute Description Possible values
value How much of the task has been completed. Number. Should be between 0 and the value of max, if max is defined, or between 0 and 1 if it isn’t.
max How much the task requires to be completed. Number. Should be greater than 0.
Global attributes


<p><progress value="25" max="100">25%</progress> downloaded.</p>