This page is describing the attributes assigned only to progress and meter elements of HTML5 elements

Attributes and related elements:

max attribute:

<progress><meter>

min attribute:

<meter>

value attribute:

<progress><meter>

high attribute:

<meter>

low attribute:

<meter>

optimum attribute:

<meter>

form attribute:

<meter>

Attribute characteristics and purpose:

max attribute:

  •  <progress>: indicates how much progress is needed to be done before completion; the default value 1.0, but if set to 100 it will represent 100%
  • <meter>: defines the maximum value of the gauge's range; if omitted it will be '1'

min attribute:

  •  <meter>: defines the minimum value of the gauge's range; If omitted it will be '0'

value attribute:

  • <progress>: indicates the current status of the progress bar and, in relation to max attribute, it is a percentage of the maximum number (limited to max attribute's number)
  • <meter>: this value is required and it specifies a current value (as a number) of the gauge (<meter>).

high attribute:

  •  <meter>: defines a high value of the range and it is not required

low attribute:

  •  <meter>: defines a low value of the range and it is not required

optimum attribute:

  • <meter>: defines what value is considered as optimal for the range

form attribute: 

  • <meter>: specifies one or more of the forms (<form>) that the meter will be assigned to; the value must be a form id attribute; if more than one than they are separated by comma.

Example

Example that includes progress and meter elements attributes:

 

›› go to examples ››