<progress> element represents the completion progress of a task.
This element normally used to indicate how much of a task has been completed, such as loading something on a page or registration process. It is typically displayed as a progress bar and often marked as a percentage from 0 to 100%.
The following table summarizes the usages context and the version history of this tag.
|Content:||Inline and text, but no
|Start/End Tag:||Start tag: required, End tag: required|
|Version:||New in HTML5|
The basic syntax of the
<progress> tag is given with:
The example below shows the
<progress> tag in action.
ExampleTry this code »
<meter> tag instead.
The following table shows the attributes that are specific to the
||number||Specifies how much work the task requires in total.|
||number||Specifies how much of the task has been completed. It must be a valid floating point number between 0 and max, or between 0 and 1 if the max attribute is not present.|
Like all other HTML tags, the
<progress> tag supports the global attributes in HTML5.
<progress> tag also supports the event attributes in HTML5.
<progress> tag is supported in all major modern browsers.
See tutorial on: HTML Forms.