Eine Fortschrittsanzeige zeigt, wie weit ein laufender Vorgang gediehen ist. Meist ist sie ein waagerechter Balken, der sich von links füllt, oft ergänzt um eine Prozentzahl oder die Angabe „Schritt 2 von 3“.
- Fortschrittsanzeige
Anzeige, die zeigt, wie weit ein laufender Vorgang gediehen ist.
Beispiel: „Beim Hochladen zeigt eine Fortschrittsanzeige, wie viel der Datei schon auf dem Server liegt.“Auch: Fortschrittsbalken oder Progress Bar.
Abgrenzung zum Loading State: Der Loading State sagt, dass etwas läuft; dorthin gehört auch der Ladebalken ohne Endwert. Die Fortschrittsanzeige sagt zusätzlich, wie weit es ist, und braucht dafür einen bekannten Umfang.
Bestimmt oder unbestimmt
Ist der Umfang bekannt, etwa die Dateigröße beim Hochladen oder die Zahl der Schritte in einem Formular, füllt sich der Balken anteilig. Ist er unbekannt, läuft eine Bewegung ohne Endwert. HTML kennt beide Fälle am selben Element.
<!-- bestimmt: der Wert steht fest -->
<label for="upload">Datei wird hochgeladen</label>
<progress id="upload" max="100" value="62">62 %</progress>
<!-- unbestimmt: kein value-Attribut -->
<progress id="suche" max="100"></progress>Der Textinhalt zwischen den Tags ist dabei kein Zierrat: Nach der Beschreibung des progress-Elements dient er als Rückfallebene für Browser, die das Element nicht kennen.
Wo sie hingehört
An die Stelle, an der der Vorgang ausgelöst wurde, und nicht an den Bildschirmrand. Beim Hochladen also direkt an die Datei, im mehrstufigen Formular über die Felder, beim langen Scrollen eines Artikels als dünne Leiste am oberen Rand.
Die Anzeige braucht eine Beschriftung, die sagt, was gerade läuft. Ein Balken ohne Text beantwortet nur die halbe Frage, und wer die Seite vorgelesen bekommt, hört sonst eine Prozentzahl ohne Bezug.
Was eine ehrliche Anzeige ausmacht
Sie springt nicht zurück, bleibt nicht bei 99 Prozent stehen und erfindet keinen Fortschritt, den es nicht gibt. Wo der Wert unbekannt ist, ist die unbestimmte Form die richtige Wahl, auch wenn sie weniger verspricht.
Dauert ein Vorgang länger als etwa zehn Sekunden, gehört eine Schätzung dazu, wie lange es noch dauert, und ein Weg, abzubrechen. Ohne beides wechseln Besucher den Tab und kommen oft nicht zurück.