Status

()

Core
DOM: Core & HTML
ASSIGNED
7 years ago
9 months ago

People

(Reporter: mounir, Assigned: mounir)

Tracking

(Depends on: 3 bugs, Blocks: 1 bug, {dev-doc-needed, html5, student-project})

Trunk
dev-doc-needed, html5, student-project
Points:
---
Dependency tree / graph

Firefox Tracking Flags

(Not tracked)

Details

(URL)

(Assignee)

Description

7 years ago
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.

Updated

7 years ago
Blocks: 559770

Comment 1

7 years ago
On Windows, will the meter be blue, like in Windows Explorer?

Updated

7 years ago
Keywords: dev-doc-needed

Comment 2

6 years ago
Added initial page/documentation at https://developer.mozilla.org/en/HTML/Element/meter 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.
(Assignee)

Comment 3

6 years ago
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 ;)
Assignee: nobody → mounir.lamouri
Status: NEW → ASSIGNED
Keywords: student-project
Whiteboard: [mentor=volkmar]
(Assignee)

Updated

6 years ago

Updated

6 years ago
Depends on: 657938
(Assignee)

Updated

6 years ago
No longer depends on: 657941

Updated

6 years ago
Depends on: 657941
(Assignee)

Updated

6 years ago
Depends on: 657941

Updated

6 years ago
Depends on: 657953

Updated

6 years ago
Blocks: 659999

Updated

6 years ago
No longer blocks: 659999

Updated

6 years ago
Depends on: 659999

Updated

6 years ago
Depends on: 660232

Updated

6 years ago
Depends on: 660238

Updated

6 years ago
Depends on: 661252

Updated

6 years ago
Depends on: 661256
(Assignee)

Updated

6 years ago
No longer depends on: 661256

Updated

6 years ago
Depends on: 662251
(Assignee)

Updated

6 years ago
Summary: Implement meter element → Implement meter element enough to ship
(Assignee)

Updated

6 years ago
No longer blocks: 559770
Depends on: 559770
(Assignee)

Updated

6 years ago
Depends on: 662870
(Assignee)

Updated

6 years ago
Depends on: 663119
(Assignee)

Updated

6 years ago
Depends on: 663365

Updated

6 years ago
Depends on: 663490
(Assignee)

Updated

6 years ago
Depends on: 686886
(Assignee)

Updated

6 years ago
Depends on: 686913
(Assignee)

Updated

6 years ago
Depends on: 687202
Sorry for the bugspam but anything new ?
(Assignee)

Updated

5 years ago
Depends on: 748238
No longer depends on: 686913
Blocks: 822578
No longer blocks: 822578
Depends on: 822578
No longer depends on: 822578
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

4 years ago
I tested <meter> on Firefox 18, Linux and OSX using the MDN examples, and I can confirm that it works.

Test case: http://jsbin.com/ogokay/2/edit
(Assignee)

Comment 7

4 years ago
<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>.
(Assignee)

Updated

4 years ago
Whiteboard: [mentor=volkmar]
Summary: Implement meter element enough to ship → Remaining <meter> work
You need to log in before you can comment on or make changes to this bug.