HTML5 ha introdotto il marcatore – meter – che ci permette di rappresentare una barra di scorrimento dedicata a visualizzare il contatore di una misura, come ad esempio lo spazio disponibile in un disco rigido.
La differenza visiva rispetto al marcatore – progress – è evidente su Chrome, infatti – progress – è animato a dimostrare che vi sono dei lavori in corso, mentre – meter – è statico ed indica solo un contatore statico di un valore.
Vediamo un esempio pratico nel seguente codice:
<!DOCTYPE html> <html> <head> <title>Titolo del documento</title> </head> <body> Disk space: <meter value="2" min="0" max="10"></meter> </body> </html>
L’effetto finale qui sotto:
Disk space:
Analizzando la sintassi avremo:
min max= il valore minimo e massimo disponibile
value= stato attuale del valore
