ProgressBar

Eine ProgressBar zeigt den Fortschritt eines laufenden Prozesses visuell in Form eines horizontalen Balkens an. Sie eignet sich sowohl für temporäre Prozesse als auch für Zustände mit konstantem Monitoring.GitHubMarkdown
Speicher50 %

Grundlagen

Eine ProgressBar zeigt den Fortschritt eines laufenden Prozesses visuell in Form eines horizontalen Balkens an. Sie eignet sich sowohl für temporäre Prozesse (z. B. Uploads) als auch für Zustände mit konstantem Monitoring, wie z. B. die Auslastung von Speicherplatz.

Best practices

Achte bei der Verwendung einer ProgressBar darauf, dass ...

  • der Fortschritt eindeutig kommuniziert wird (z. B. 8 GB von 10 GB).
  • bei der Darstellung von Speicherplatzauslastung Schwellenwerte visuell hervorgehoben werden (z. B. Statuswechsel ab 80 % Auslastung zur Warning).
  • bei indeterminate Zuständen (z. B. unklarer Ladefortschritt) eine Alternative, wie zum Beispiel der LoadingSpinner, verwendet wird.
  • bei statischen Anwendungen wie Speicherplatzauslastung regelmäßige Aktualisierung durch das System erfolgt, um Verlässlichkeit zu gewährleisten.

Verwendung

Verwende eine ProgressBar, um ...

  • Prozesse mit vorhersehbarer Dauer visuell zu begleiten (z. B. Datei-Uploads oder Installationen).
  • Usern ein Gefühl für verbleibende Zeit oder verfügbare Kapazitäten zu geben.
  • kontinuierlich überwachte Zustände darzustellen (z. B. Speicherplatzauslastung).
  • kritische Zustände frühzeitig visuell hervorzuheben (z. B. durch Farbwechsel bei hoher Auslastung).
  • in Dashboards platzsparend Informationen darzustellen.

Auf dieser Seite