VOOZH about

URL: https://www.geeksforgeeks.org/html/html-5-progress-tag/

⇱ HTML <progress> Tag - GeeksforGeeks

  • Courses
  • Tutorials
  • Interview Prep

HTML <progress> Tag

Last Updated : 26 May, 2026

The HTML <progress> tag is used to display the progress of a task or operation. It is commonly used for loading indicators, file uploads, and task completion status.

  • Represents the progress of a task using a progress bar.
  • Commonly used for downloads, uploads, and loading processes.
  • Supports attributes like value and max to define progress status.

Syntax:

<progress attributes...> </progress>

Attributes

  • max:max represents the total work that is to be done to complete a task.
  • value: value represents the amount of work that is already completed.

Note: This tag is used in conjunction with JavaScript to display the progress of a task. The <progress> tag also supports the Global Attributes and Event Attributes in HTML.

Example 1: Implementation of progress tag.

Example 2: Implementation of progress tag.

Comment