DEV Community

Cover image for HTML tags | progress
Carlos Espada
Carlos Espada

Posted on • Edited on

HTML tags | progress

It is used to show the progress in the completion of a task, usually shown as a progress bar.

Supports two attributes: max to indicate how much the task requires to complete and value to indicate how much of the task has already been completed. Both are optional and their value is a float.

max defaults to 1 and must be greater than 0, while value must be between 0 and max or between 0 and 1 if max is not defined. In case of no value, <progress> takes an indeterminate value and is accessible by CSS with the pseudo-class :indeterminate.

For better accessibility it should be used with an associated tag using for-id.

  • Type: block
  • Self-closing: No
  • Semantic value: No

Definition and example | Support

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay