Last Comment Bug 555985 - Remaining <meter> work
: Remaining <meter> work
: dev-doc-needed, html5, student-project
Product: Core
Classification: Components
Component: DOM: Core & HTML (show other bugs)
: Trunk
: All All
-- normal with 29 votes (vote)
: ---
Assigned To: Mounir Lamouri (:mounir)
: Andrew Overholt [:overholt]
Depends on: 559770 663490 687202 657938 657941 657953 659999 660232 660238 661252 662251 662870 663119 663365 686886 748238
Blocks: html5forms
  Show dependency treegraph
Reported: 2010-03-30 08:13 PDT by Mounir Lamouri (:mounir)
Modified: 2016-07-23 13:03 PDT (History)
31 users (show)
See Also:
Crash Signature:
QA Whiteboard:
Iteration: ---
Points: ---
Has Regression Range: ---
Has STR: ---


Description User image Mounir Lamouri (:mounir) 2010-03-30 08:13:45 PDT
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.

This shouldn't be used as a progress bar. For that role, HTML provides a separate progress element.
Comment 1 User image Josh Tumath 2010-05-28 05:24:08 PDT
On Windows, will the meter be blue, like in Windows Explorer?
Comment 2 User image Adam [:hobophobe] 2011-01-28 15:04:56 PST
Added initial page/documentation at with header for unimplemented.  Definitely needs better examples, and the attributes section may need clarification/rework to make it easier to understand the relationships between value/min/max/low/high/optimum.  Will need any application-specific notes and gecko-minversion header when support is added.
Comment 3 User image Mounir Lamouri (:mounir) 2011-05-18 07:15:09 PDT
Three students (Vincent, Laurent and Yoan) are going to spend a month working on this new HTML element for a university project.
I'm assigning the bug to myself to make clear that someone is working on this bug I'm only mentoring them ;)
Comment 4 User image Antoine Turmel [:GeekShadow] 2011-12-22 16:48:39 PST
Sorry for the bugspam but anything new ?
Comment 5 User image Michał Gołębiowski [:mgol] 2013-01-19 17:04:16 PST
Isn't it working already? Apllying:
document.body.innerHTML='<p>Heat the oven to <meter min="200" max="500" value="350">350 degrees</meter>.</p>'
works. (code taken from MDN docs)
Comment 6 User image Victor Costan 2013-01-20 00:21:24 PST
I tested <meter> on Firefox 18, Linux and OSX using the MDN examples, and I can confirm that it works.

Test case:
Comment 7 User image Mounir Lamouri (:mounir) 2013-01-21 06:08:02 PST
<meter> is indeed implemented. However, three things are missing and those are the three open bugs blocking this one. We should ideally fix them to consider to be completely done with <meter>.

Note You need to log in before you can comment on or make changes to this bug.