Verwendung
Der Loading Screen besteht aus einem Progress Indicator sowie einer Live-Prozentanzeige. Er kann in verschiedenen Formen auftreten, z. B. eingebettet in eine Ansicht oder Seite, oder separat in einem Dialog .
Wann wird die der Loading Screen eingesetzt?
- Laden neuer Elemente
- Importieren oder Hochladen von Dateien
- Aktualisieren von Verzeichnissen
Eigenschaften
| Name | Type | Default Value | Description |
|---|---|---|---|
progress | number | undefined | * |
isPercentShown | boolean|undefined | true | wheater to show the current progress in as number (percent) or not |
label | string | undefined | Feedback Text under the progressbar |
type | "determinate" | "indeterminate " | undefined | Choose indeterminate if the end cannot be determined |
min | number | 0 | Min value for progress (default 0) |
max | number | 100 | Max value for progress (default 100) |
style | string | "" | Additional css styles |
Beispiele
Loading Screen Determinate
Determinate Loading Screens werden eingesetzt, wenn der Ladevorgang absehbar ist. Der Fortschritt wird dann prozentual dargestellt.
Loading Screen Indeterminate
Ist der Prozess nicht prozentual darstellbar, z. B. aus technischen Gründen, sollte der Indeterminate Loading Screen genutzt werden. Dieser wird bei Vorgängen unbekannter Dauer eingesetzt. Innerhalb des Indicators bewegt sich ein Quadrat wiederholt (loop) von links nach rechts, um die Aktivität anzuzeigen.