<progress> element – used to display amount of completion of a task (for example filling out a complicated web form). Perhaps you are on step 3 or a 6 part form.
Usage: this element is used to display a gauge of progress. Although the results look similar in browsers which support both <progress> and <meter>, do not confuse these elements. Progress is used for completion of a task while meter is used for a gauge. These elements have different semantic meaning.
Permitted Content: the <progress> element must not be a descendent of a <progress> element..
Tag omission: both start and end tag must be present for <progress> element.
Example code:
<p>Progress: <progress value=”66.6″ max=”100.0″>66%</progress></p>
Example page (opens in a new tab/ window – view source code): http://learning-html5.info/examples/ExampleForm7.html
If your browser supports this element, you should see something like the image below. If not, you will simply a text percentage.
Default display properties: display: inline.
Common Attributes: typical global attributes along with
- value (measured value shown by progress),
- max (upper boundary of range)
Permitted Parent Elements: any element which can contain phrasing or flow elements.
References: http://dev.w3.org/html5/markup/progress.html
Loading ...