Statusmeldungen

Progress ring

Eine kreisförmige Anzeige, die von Null bis zu ihrem Wert läuft, während die Zahl in der Mitte mitzählt, mit zwei Schwellenwertmarkierungen, die aufleuchten, wenn der Bogen sie passiert.

Progress ring verwenden

Eine kreisförmige Anzeige, die von Null bis zu ihrem Wert läuft, während die Zahl in der Mitte mitzählt, mit zwei Schwellenwertmarkierungen, die aufleuchten, wenn der Bogen sie passiert.

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: value, size, stroke, color

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Vorschau und Beschreibung sind öffentlich. Melde dich mit einem berechtigten Konto an, um Code, Framework-Versionen und Installation zu öffnen.

Verbinde deinen Agenten

Ähnliche Komponenten

1958Fill progress loading textStatusmeldungenEin Ladeetikett ist nur ein schwacher Umriss seiner selbst, während eine einfarbige Kopie es von links ausfüllt, wie ein Fortschrittsbalken in Form des Wortes, der sich während der Arbeit hin und her bewegt.

1959Fill sweep loading textStatusmeldungenEin Ladeetikett, dessen schwache Umrisse sich unter einer vollständig farbigen Kopie befinden, die von links hereingestrichen wird, die volle Breite erreicht und wieder herausläuft und sich so lange wiederholt, wie etwas geladen wird.

2171Infinite loop path loaderStatusmeldungenEin Lader in Form einer Acht, bei dem sich ein helles Segment endlos um eine schwache Spur zieht, wobei sich Kopf und Schwanz unterschiedlich schnell bewegen, damit das Armaturenbrett atmet.

1988Labeled progress barStatusmeldungenEine beschriftete Fortschrittsspur, deren Füllung sich auf eine neue Breite ausdehnt, während eine Prozentanzeige gleichmäßig zählt, um mit ihr übereinzustimmen.

2020Quiet Ring SpinnerStatusmeldungenEin minimaler Ladering mit einem Element: ein dünner Kreis mit einem farbigen Viertel, der sich kontinuierlich dreht, um einen Besetztzustand zu markieren.

2032Segmented progress meterStatusmeldungenEine Fortschrittsanzeige, dargestellt als Reihe von Kerben, die nacheinander aufleuchten, mit einer teilweise ausgefüllten vorderen Kerbe und einer Beschriftung, die die aktuelle Stufe benennt.