Progress: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
 
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">
<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>

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

See the Pen qdKEmw by Patrik Grip-Jansson (@PGJ) on CodePen.

Här skapas en mätare som visar att 50 % är avklarat.

Referenser

Taggens definition i WHATWGs levande HTML-standard

http://www.whatwg.org/specs/web-apps/current-work/multipage/the-button-element.html#the-progress-element

Taggens definition i HTML5-standarden

http://www.w3.org/TR/html5/forms.html#the-progress-element