HTML Tutorial

HTML-tagg: <progress>

Användning av <progress>:

Används för att representera förloppet i en pågående operation.

Attribut för <progress>:

  • value: Aktuell förlopp i procent (0-100)
  • max: Maximalt värde för förloppet (standard 1)

Exempel med <progress>:

<!-- Förlopp på 50% -->
<progress value="50"></progress>

<!-- Maximalt värde på 1000, aktuellt förlopp på 250 -->
<progress value="250" max="1000"></progress>

Utforska<progress>-taggen:

<!DOCTYPE html>
<html>
<body>

<h1>Förloppsindikator</h1>

<p>Förlopp: 50%</p>
<progress value="50" max="100"></progress>

</body>
</html>

Tillgänglighet:

  • Ange en aria-label för att ge en textbeskrivning av förloppet.
  • Använd aria-valuenow och aria-valuemax för att ange numeriska värden för förloppet och dess maximum.