Breaking

Sunday, May 12, 2019

HTML progress Tag

Example

Downloading in progress:
<progress value="22" max="100"></progress>
Try it Yourself »

Definition and Usage

The <progress> tag represents the progress of a task.

Browser Support

The numbers in the table specify the first browser version that fully supports the element.
Element
<progress>8.010.016.06.011.0

Differences Between HTML 4.01 and HTML5

The <progress> tag is new in HTML5.

Tips and Notes

Tip: Use the <progress> tag in conjunction with JavaScript to display the progress of a task.
Note: The <progress> tag is not suitable for representing a gauge (e.g. disk space usage or relevance of a query result). To represent a gauge, use the <meter> tag instead.


Attributes

AttributeValueDescription
maxnumberSpecifies how much work the task requires in total
valuenumberSpecifies how much of the task has been completed

Global Attributes

The <progress> tag also supports the Global Attributes in HTML.

Event Attributes

The <progress> tag also supports the Event Attributes in HTML.

Related Pages

HTML DOM reference: Progress Object

Default CSS Settings

None.

No comments:

Post a Comment