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) |
||
(En mellanliggande sidversion av samma användare visas inte) | |||
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,result" height="200"> | |||
<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 === |
Nuvarande version från 29 januari 2019 kl. 09.55
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.