Im Gegensatz zum Element progress wird keine Fortschrittsanzeige dargestellt sondern Messwerte. Ein Beispiel könnte eine Festplattenbelegung oder ähnliches sein.
Beispiel:
Quelltext-Auszug:
<meter min="0" max="1000" value="250"></meter>
<meter value="0.75"></meter>
Im obigen Beispiel wird ein Balken angezeigt, der Messwerte darstellen soll. Der Einsatz hierfür ist vielfältig.
Das Pflicht-Attribut in diesem Element ist value. Ohne Einsatz der Attribute min und max erfolgt die Angabe des Wertes im value Attributs als Dezimalzahl (siehe zweiter Balken). Hierbei wird von einem Minimal-Wert (min) von 0 und einem Maximal-Wert (max) von 1 ausgegangen.
Mit min und max wird eine Spanne angegeben. Der value Wert gibt den endgültigen Wert an, der dargestellt werden soll.
Optionale Attribute sind u.a.:
low
high
Durch Angabe eines Wertes, der unter (low) bzw. über (high) einen vorgegeben Wert liegt, wird der Balken entsprechend anders dargestellt. Die Darstellung ist von Browser zu Browser unterschiedlich.
Beispiel für eine Wertunterschreitung:
Quelltext-Auszug:
<meter min="0" max="1000" low="200" value="199"></meter>
Beispiel für eine Wertüberschreitung:
Quelltext-Auszug:
<meter min="0" max="1000" high="800" value="801"></meter>
In allen oben angegeben Beispielen kann selbstverständlich das title Attribut ebenfalls eingesetzt werden.