Tips HTML5 – Etiqueta meter

Esta etiqueta es nueva en HTML5 y a diferencia de las que hemos visto anteriormente, esta es un elemento de tipo grafico, y nos permite ver una barra estática, como la que vemos en la imagen adjunta, y que puede ser usada por ejemplo para indicar un ranking.



Cuenta con los siguientes atributos:

high: Especifica el punto en el que el valor de las mediciones se considera un valor alto
low: Especifica el punto en el que el valor de las mediciones se considera un valor bajo
max: Especifica el valor máximo. El valor por defecto es 1.0
min: Especifica el valor mínimo. El valor por defecto es 0
optimum: Especifica el valor de las mediciones es el mejor valor
value: Establece el valor medido y es de carácter obligatorio

Su uso es bastante sencillo:

<meter low="-5" high="100" min="10" max="80" optimum="40" value="25">
    El navegador que usa actualmente no soporta HTML5
</meter>