# 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.

## Guidelines

# 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](/04-components/status/loading-spinner/overview), 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.