Zum Inhalt springen
fend-ui
Vorschau

Progress-Ring

Kreisförmiger Fortschritt für Speicher, Kontingente und Kennzahlen. Der Ring zeichnet den Wert als SVG-Kreis mit dem Akzent-Verlauf aus den Tokens; Prozentwert und Beschriftung stehen sichtbar daneben, die Wertangabe ist über aria-valuenow verfügbar.

Kennzahlen

Der Ring zeichnet den Wert als SVG-Kreis mit dem Akzent-Verlauf; Prozentwert und Beschriftung stehen sichtbar darunter, aria-valuenow liefert den Wert an Screenreader.

CPU
Speicher
Speicherplatz

Größen und Strichstärken

size skaliert den Ring in Pixeln, thickness die Strichstärke im SVG. Werte außerhalb von 0 bis 100 werden begrenzt.

Leer
Drittel
Voll
Begrenzt