The progress tag

The progress tag is used to display the task completion progress. The value is changed via JavaScript. Inside the tag, specify the text that will be displayed if the browser does not understand this tag.

Attributes

The values ​​of attributes are integers or fractions.

Example

html<progress max="100" value="25">
  Uploaded on 25%
</progress>

Результат:

Example

html<progress max="100" value="75">
  Loaded on 75%
</progress>

Результат:

Example

html<progress max="100" value="100">
  Loaded 100%
</progress>

Результат:

Example

html<progress max="100" value="0">
  Loaded at 0%
</progress>

Результат:

Example . Fractional values

html<progress max="100" value="10.5">
  Uploaded on 10.5%
</progress>

Результат:

See also