Learn html - html tutorial - progress tag - html examples - html programs
<progress> tag is used to show the completion progress of the task.
We can use to manipulate the value of progress bar by JavaScript.
<progress> tag belongs to Flow content, phrasing content, labelable content and palpable content.
<progress> tag supports Global Attributes and Event Attributes.
Syntax for <progress> tag:
Sample Coding for <progress> tag:
Code Explanation for <progress> tag:
<progress> tag used to represent the status of the task.
value is used to set the progress value.
max is used to set the maximum value of the progress.
Output for <progress> tag:
The output shows the progress of the task.
Attributes of <progress> tag:
Attribute
Value
HTML4
HTML5
Description
max
number
Yes
Yes
To specify the total value of the task.
value
number
Yes
Yes
To specify the completed value of the task.
Browser Support for <progress> tag in HTML:
8.0
10.0
16.0
6.0
11.0
Tips and Notes
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.
html5 progress bar animationhtml5 progress bar javascriptmeter tag in html5html progress bar coderp tag in html5html progress bar with texthtml5 progress bar with texthtml progresshtml tutorialshtml editorhtml codehtml formhtmltutorialhtml colorhtml color codeshtml tablehtml imghtml5html code for websitehtml and csshtml programshtml websitefree html editorhtml5 tutorialwysiwyg html editorhtml tutorial pdfhtml converterphp tutorialhtml examplehtml tutorialcss tutorialhtml csshtml tagshtml basicscode htmlhtml onlinehtml mailtohtml langhtml tags list