Element-Referenz
HTML 5 doctype - weil html einfach einfach ist.
nach oben

<progress>NEU

Das HTML5 Element <progress> ermöglicht die Realisierung einer Fortschrittsanzeige mit HTML. Um eine dynamische Fortschrittsanzeige zu realisieren, sind Scripting-Sprachen wie beispielsweise JavaScript erforderlich.

elementspezifischen Attribute
AttributBeschreibung
maxLegt den Maximalwert des Fortschrittbalkens fest
valueAktueller Wert des Fortschrittbalkens

Beispiel:

<p>Fortschritt: <progress id="progressBar" max="60" value="1"></progress></p>
<script>
var zahl = 1; // Startwert, wird nicht angezeigt, kann auch negativ sein
var zeit = 1000; // Zeit in ms 1000 = 1sec
var max = 60; // bis zu diesem Wert zählen
function count(){
zahl++;
document.getElementById('progressBar').value = zahl;
if(zahl<max){
setTimeout('count()',zeit);} else{
window.close();}
}
</script>

Beispiel:

Fortschrittsbalken


Notation

<progress [Attribute]>[Elementinhalt]</progress>

Elternelemente

Kann gemäß der HTML5 Spezifikation innerhalb der folgenden Elemente vorkommen:

Liste der HTML 5 Block-ElementeBlock-Elemente und Liste der HTML 5 Inline-ElementeInline-Elemente .


Elementinhalt

Kann Text mit folgenden anderen HTML-Elementen enthalten:
Liste der HTML 5 Inline-ElementeInline-Elemente.


Attribute

Kann folgende elementspezifische Attribute enthalten:
zum HTML5 Attribut maxmax | zum HTML5 Attribut valuevalue

Des Weiteren kann das Element folgende allgemeinen Attribute und Event-Handler enthalten:
zum HTML5 Attribut accesskeyaccesskey | zum HTML5 Attribut classclass | zum HTML5 Attribut contenteditablecontenteditable | zum HTML5 Attribut contextmenucontextmenu | zum HTML5 Attribut datadata | zum HTML5 Attribut dirdir | zum HTML5 Attribut draggabledraggable | zum HTML5 Attribut hiddenhidden | zum HTML5 Attribut idid | zum HTML5 Attribut itemitem | zum HTML5 Attribut itempropitemprop | zum HTML5 Attribut langlang | zum HTML5 Attribut spellcheckspellcheck | zum HTML5 Attribut stylestyle | zum HTML5 Attribut subjectsubject | zum HTML5 Attribut tabindextabindex | zum HTML5 Attribut titletitle

onabort | onblur | onchange | onclick | oncontextmenu | ondblclick | ondrag | ondragend | ondragenter | ondragleave | ondragover | ondragstart | ondrop | onfocus | onformchange | onforminput | oninput | onkeydown | onkeypress | onkeyup | onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | onmousewheel | onscroll | onselect | onsubmit


W3C Logo Spezifikation

Tastaturkürzel