HTML <progress> -elementti

  • Edellinen sivu <pre>
  • Seuraava sivu <q>

Määrittely ja käyttö

<progress> tagi edustaa tehtävän valmistumisprosenttia.

Vinkki:Lisää aina <label>-tagi saadaksesi parhaan saavutettavuuden käytännöt!

Katso myös:

HTML DOM -viittauskirja:Progress-objekti

Esimerkki

Näytä edistymispalkki:

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

Kokeile itse

Vinkit ja huomiot

Vinkki:Siirrä <progress> Merkin yhdistäminen JavaScriptiin voi näyttää tehtävän edistymisen.

Huomioitavaa:<progress> Merkki ei ole sopiva mittarin esittämiseen (esim. levyn tilan käyttö tai haun suhteellisuus). Mittarin esittämiseen käytä <meter> -merkkiä.

Ominaisuus

Ominaisuus Arvo Kuvaus
max Luku Määrittää tehtävän tarvitseman kokonaisen työmäärän. Oletusarvo on 1.
value Luku Määrittää tehtävän valmistuneen osan määrän.

Globaalit ominaisuudet

<progress> Merkki tukee myös HTML:ssä olevat globaalit ominaisuudet.

Tapahtumavaraominaisuudet

<progress> Merkki tukee myös HTML:ssä olevat tapahtumavaraominaisuudet.

Oletusarvoinen CSS-asetus

Ei.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee tätä merkkiä täysin.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 16.0 6.0 11.0
  • Edellinen sivu <pre>
  • Seuraava sivu <q>