Ratgeber: Fortschritt anzeigen, ohne eine Prozentzahl zu erfinden

Ein Balken steht bei neunzig Prozent und bewegt sich minutenlang nicht mehr. Besucher wissen dann nicht, ob sie warten, neu laden oder abbrechen sollen. Für einen guten Bauauftrag reicht deshalb „Fortschrittsanzeige einbauen“ nicht aus. Dieser Fachratgeber erklärt vorhandene HTML-Technik anhand einer eigenen Importaufgabe; er meldet keine neue Browserfunktion und verspricht keine bestimmte Verarbeitungsgeschwindigkeit.

Was das Element ausdrückt

Nach der MDN-Dokumentation stellt das HTML-Element progress den Abschluss einer Aufgabe dar. Mit value und max lässt sich ein bekannter Arbeitsstand ausdrücken. Ohne value ist die Anzeige unbestimmt: Es läuft etwas, der Anteil ist jedoch nicht bekannt. Eine zugängliche Beschriftung gehört dazu; der Text zwischen den Element-Tags allein übernimmt diese Aufgabe nicht zuverlässig.

Die technische Anzeige entscheidet nicht selbst, ob eine Datei wirklich verarbeitet wurde. Diese Information muss die Anwendung liefern. Deshalb sollte der Bauauftrag zuerst benennen, was überhaupt gezählt wird.

Eine eigene Messgröße auswählen

Stell dir den Import von zwanzig selbst erfassten Inventarkarten vor. Als einfache fachliche Regel kann gelten: Eine Karte zählt erst, wenn sie geprüft und übernommen wurde. Sind fünf erfolgreich verarbeitet, zeigt die Oberfläche „5 von 20 Karten übernommen“. Das ist eine redaktionelle Beispielspezifikation, keine Aussage über einen real gemessenen Import.

Falls die Anwendung zunächst nur eine Datei hochlädt, darf sie den Übertragungsstand nicht als abgeschlossene Datenübernahme bezeichnen. Plane dafür getrennte Phasen wie „Datei wird übertragen“ und „Inhalte werden geprüft“. Bei unbekannter Dauer ist ein ehrlicher Tätigkeitsstatus hilfreicher als eine frei laufende Prozentanimation.

Fehler und Abbruch mitplanen

Lege fest, was beim sechsten fehlerhaften Datensatz sichtbar wird. Soll der gesamte Import stoppen oder sollen andere Karten weiter geprüft werden? Halte die Entscheidung im Briefing fest und zeige übernommene und abgelehnte Karten getrennt an. Eine Fehlermeldung darf nicht zugleich einen vollständig erfolgreichen Abschluss behaupten.

Die Anzeige praktisch abnehmen

Teste später einen leeren Auftrag, einen kleinen erfolgreichen Import und einen absichtlich ungültigen Eintrag. Unterbrich außerdem einen Testlauf und prüfe die verständliche Rückmeldung. Vergleiche die Zahl der tatsächlich gespeicherten Testkarten mit der Abschlussmeldung. Erst dieser Abgleich macht aus einem dekorativen Balken eine brauchbare Orientierung für die Person, die auf ihr Ergebnis wartet.