Il Tag <progress> HTML

Definizione e utilizzo

Il tag <progress> rappresenta lo stato di completamento di un’attività.Importante aggiungere sempre il tag <label> per una migliore accessibilità!

Note

Utilizza il tag <progress> insieme a JavaScript per mostrare lo stato di avanzamento di un’attività. Il tag <progress> non è adatto per rappresentare una misurazione (ad esempio, l’utilizzo dello spazio su disco o la rilevanza di un risultato di query). Per rappresentare una misurazione, utilizza invece il tag <meter>.

<label for="file">Progresso del download:</label>
<progress id="file" value="32" max="100">32%</progress>