Navigieren auf digital.sbb.ch

Beta

Loading Indicator

1. Was macht das Element?

  • Zeigt an, dass eine länger dauernde Aktion durchgeführt wird.

2. Wann soll das Element eingesetzt werden?

  • Beim Absenden von Formularen.
  • Beim Laden oder Aktualisieren einer gesamten Seite.
  • Beim Laden oder Aktualisieren eines einzelnen Bereichs einer Seite.

3. Regeln

  • Benötigt das System länger als 100ms um eine Antwort anzuzeigen, muss ein Loading Indicator angezeigt werden.
  • Es darf pro Seite nur ein Loading Indicator angezeigt werden.
  • Wenn mehrere Bereiche Daten nachladen, darf nur ein Loading Indicator über die ganze Seite dargestellt werden.

4. Ausprägungen

4.1 Normal

Darstellung des Loading Indicatiors, normal
  • Anwendung für das Laden von ganzen Seiten

Design Spezifikation

4.2 Small

Darstellung des Loading Indicatiors, Small
  • Anwendung innerhalb Listen (Lazy-Loading)

Design Spezifikation