Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Difference between progress tag and meter tag [duplicate]

Tags:

What are the differences between the HTML5 <progress> and <meter> tags?

like image 808
Alaa Khaled Avatar asked Jul 09 '12 17:07

Alaa Khaled


People also ask

What is the difference between progress and meter tag?

The progress element represents the completion progress of a task. The meter element represents a scalar measurement within a known range, or a fractional value; for example disk usage, the relevance of a query result, or the fraction of a voting population to have selected a particular candidate.

What is meter tag used for?

Definition and Usage The <meter> tag defines a scalar measurement within a known range, or a fractional value. This is also known as a gauge. Examples: Disk usage, the relevance of a query result, etc. Note: The <meter> tag should not be used to indicate progress (as in a progress bar).


1 Answers

  • to mark up the completion rate ⁄ degree of progress of an "in progress" task through a progress bar, use progress element
  • to represent a gauge use meter element

you can think like that: progress = dynamic ; meter = static

like image 69
Daniel Avatar answered Oct 21 '22 22:10

Daniel