En este artículo, aprenderemos a definir un elemento que tiene una medida escalar dentro de un rango conocido. Se puede utilizar para representar datos fraccionarios en un indicador, lo que facilita al lector la comprensión de los valores.
Acercarse:
Usaremos el elemento <meter> para definir el indicador que puede medir el valor escalar. Este elemento tiene atributos que se pueden utilizar para definir el valor a representar, los límites inferior y superior del rango y el rango de valores preferido. El color del medidor cambia según el valor que representa y el estilo del navegador.
Sintaxis:
<meter value="" min="" max=""></meter>
El siguiente ejemplo ilustra el elemento <meter> para definir una medida escalar.
Ejemplo:
HTML
<!DOCTYPE html> <html> <body> <h1 style="color: green;"> GeeksforGeek </h1> <p>Simple meter element</p> <meter value="3" min="0" max="10" low="1" high="8"> </meter> <p>Simple meter element with decimal value</p> <meter value="0.8" min="0" max="1"></meter> <p> Meter element where the value is below low attribute </p> <meter value="1" min="0" max="10" low="3" high="9"> </meter> <p> Meter element where the value is above high attribute </p> <meter value="10" min="0" max="10" low="3" high="9"> </meter> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA