Progress-elementti

Elementtiä progress käytetään tehtävän edistymisen näyttämiseen. Arvon muuttaminen tapahtuu JavaScriptin kautta. Elementin sisälle tulee merkitä teksti, joka näytetään, jos selain ei ymmärrä tätä elementtiä.

Attribuutit

Attribuutti Kuvaus
value Edistymisen nykyinen arvo.
max Edistymisen maksimiarvo.

Attribuuttien arvona toimivat kokonais- tai desimaaliluvut.

Esimerkki

html<progress max="100" value="25">
  Ladattu 25%
</progress>

Результат:

Esimerkki

html<progress max="100" value="75">
  Ladattu 75%
</progress>

Результат:

Esimerkki

html<progress max="100" value="100">
  Ladattu 100%
</progress>

Результат:

Esimerkki

html<progress max="100" value="0">
  Ladattu 0%
</progress>

Результат:

Esimerkki . Desimaaliarvot

html<progress max="100" value="10.5">
  Ladattu 10.5%
</progress>

Результат:

Katso myös

  • elementti meter,
    joka näyttää arvoalueen siististi