Verständnisproblem bei der Funktionsweise von <meter>

[Auge]

Hallo

   <meter id="progress-bar" min="0" low="69" optimum="139" high="150" max="160" value=""></meter>

Da es auch ein optimum gibt, sollten Werte zwischen 69 und 150 grün sein, da in diesem Intervall das Optimum liegt und Werte zwischen 0 und 69 sowie zwischen 150 und 160 gelb.

Es gibt immer nur 3 Intervalle, nicht 5, die beachtet werden.

Wenn ich dich richtig verstehe, gibt es maximal drei Bereiche (egal, in welcher Farbe die schlussendlich dargestellt werden). Wenn ich meinen Code nun auf folgendes beschränke, um einen grünen Bereich (der mit dem angegebenen Optimum), einen in gelb (high bis max) und einen in rot (value > max) zu erhalten, funktioniert der grüne und gelbe Bereich, aber oberhalb von max wird dennoch nicht auf rot umgeschaltet

   <meter id="progress-bar" min="0" optimum="139" high="150" max="160" value=""></meter>

Irgendwo — entweder bei mir oder in meinem Browser (Firefox 51.0.1) — hakt's immer noch.

Tschö, Auge