Loader

Loader informieren den Nutzer über gerade stattfindende Ladeprozesse und signalisieren, dass die Eingabe verarbeitet wird.

Progress Bar

Die Progress Bar wird eingesetzt um den Ladefortschritt für einen bestimmten Bereich konkret anzuzeigen.
Die Breite kann variiert werden.

Abmessungen
  • Höhe 8px
  • Hintergrund   (Grau 200) #e9ecef
  • Ladeanzeige (Grundfarbe)
  • Border radius 2px
Spinner

Spinner werden eingesetzt, wenn der Ladefortschritt unbestimmt ist.
Es kann zwischen drei Größen variiert werden.

Spinner animation (default)
Spinner animation (light)
Abmessungen
  • Border: 2px rgba 0, 0, 0, 0.1
  • Border (light): 2px 2px rgba 255, 255, 255, 0.2
  • Border: 2px (Grundfarbe)
  • H/B: 48px/48px

    //Default
    


    //Light