Progress: Skillnad mellan sidversioner
Från Webbling
PGJ (diskussion | bidrag) (Skapade sidan med 'Används för att indikera hur långt på vägen en beräkning eller körning kommit. Det är upp till webbläsaren att bestämma hur detta ska visas, oftast är det dock en "...') |
PGJ (diskussion | bidrag) |
||
Rad 11: | Rad 11: | ||
Anger hur mycket av körningen som är slutförd. Måste vara mellan <code>0</code> och <code>max</code>. | Anger hur mycket av körningen som är slutförd. Måste vara mellan <code>0</code> och <code>max</code>. | ||
== Exempel == | == Exempel == | ||
<codepen pen="qdKEmw" tab="html" height="100"> | |||
<syntaxhighlight lang="html5"> | <syntaxhighlight lang="html5"> | ||
<progress value=50 max="100">50%</progress> | <progress value=50 max="100">50%</progress> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
</codepen> | |||
Här skapas en mätare som visar att 50 % är avklarat. | |||
== Referenser == | == Referenser == | ||
=== Taggens definition i [[WHATWG]]s levande HTML-standard === | === Taggens definition i [[WHATWG]]s levande HTML-standard === |
Versionen från 13 juli 2015 kl. 11.47
Används för att indikera hur långt på vägen en beräkning eller körning kommit. Det är upp till webbläsaren att bestämma hur detta ska visas, oftast är det dock en "progress bar" som visas.
Tillgängliga attribut
De globala attributen är tillgängliga för denna tagg.
max
Anger vilket som är slutvärdet som indikerar att körningen är slutförd. Måste vara ett flyttal som är högre än noll. Om värdet utlämnas används 1
som förval.
orient
Anger hur elementet ska visas, kan vara:
horizontal
- Visas horisontellt och är förvalet.
vertical
- Visas vertikalt.
value
Anger hur mycket av körningen som är slutförd. Måste vara mellan 0
och max
.
Exempel
Här skapas en mätare som visar att 50 % är avklarat.