Il tag <meter>
Il tag <meter> si usa per indicare un valore frazionale o una misura in un intervallo noto. I browser lo visualizzano come una barra orizzontale con il valore effettivo colorato diversamente da quello massimo. E’ opportuno includere in meter un testo che riporti la misura corrente . Non è obbligatorio indicare una unità di misura . E’ obbligatorio l’attributo value, altri attributi opzionali sono min e max, che se omessi valgono 0 e 1.0, low, high e optimum, che indicano un valore considerato basso, alto e ottimale
<p>Risultato della misurazione della tua pressione sanguigna:<br>
Sistolica<br>
<meter min="50" max="190" low="60" high="140" optimum="115" value="100">100</meter><br>
Diastolica<br>
<meter min="33" max="100" low="40" high="99" optimum="75" value="70">70</meter>
</p>
/* no css */
// no js
Il tag <progress>
Il tag <progress> serve per indicare il completamento di un'azione. Il suo value viene tipicamente definito tramite Javascript. Supporta tre attributi facoltativi: max, value e form. Max specifica il monte lavoro totale dell’operazione, value è la quantità completata dell’operazione, form può essere usato per indicare l’id dell’elemento form a cui la progress bar appartiene.
<p>Procedimento per fare un toast:</p>
<ol>
<li>Accendere il tostapane</li><progress id="toast" max="6" value="1">1</progress>
<li>Prendere una fetta di pane</li><progress id="toast" max="6" value="2">2</progress>
<li>Aggiungere del prosciutto</li><progress id="toast" max="6" value="3">3</progress>
<li>Aggiungere del formaggio</li><progress id="toast" max="6" value="4">4</progress>
<li>Coprire con un'altra fetta di pane</li><progress id="toast" max="6" value="5">5</progress>
<li>Inserire nel tostapane</li><progress id="toast" max="6" value="6">6</progress>
</ol>
/* no css */
// no js */
