What is the difference between Meter and Progress in HTML5?

10

What's the difference between these two html tags, only the appearance (layout, color) is different?

<meter min="0" max="100" value="22"></meter>

<progress value="22" max="100"> </progress>

What's the difference between meter and progress ? and apparently they have the same purpose and purpose?

    
asked by anonymous 24.04.2014 / 18:01

2 answers

10

According to this answer in SOEn there is not much difference between use between one or another. Basically the <progress> tag is used to display the progress of a specific task (eg: inform the user about the progress of your request or task, data import, etc.), while the <meter> tag % has good use for example in displaying disk usage or the relevance of the result of a query.

See this chart where it displays the difference between them.

    
24.04.2014 / 18:17
10

Though they look alike they have different purposes, let's look at:

<progress> : represents the progress of completing a task, eg uploading a file.

<meter> represents a measure, for example of disk usage , relevance of the result of a query, or the fraction of a population that voted for a particular candidate.

Sources: 1 , 2

    
24.04.2014 / 18:12