CircularProgress

Circular Progress ist eine kreisförmige Komponente zur Anzeige des Fortschritts einer Aufgabe, z. B. beim Laden von Daten oder beim Absenden eines Formulars.

Verwendung

Importieren Sie die Komponente nach Bedarf:

import 'mdui/components/circular-progress.js';

Importieren Sie den TypeScript-Typ der Komponente nach Bedarf:

import type { CircularProgress } from 'mdui/components/circular-progress.js';

Beispiel:

<mdui-circular-progress></mdui-circular-progress>

Beispiele

Festgelegter Fortschritt

Der Circular Progress hat standardmäßig einen unbestimmten Fortschritt. Sie können den aktuellen Fortschritt mit dem Attribut value festlegen. Der Standardmaximalwert des Fortschritts ist 1.

<mdui-circular-progress value="0.5"></mdui-circular-progress>

Quellcode

Sie können den Maximalwert des Fortschritts mit dem Attribut max festlegen.

<mdui-circular-progress value="30" max="100"></mdui-circular-progress>

Quellcode

API

Eigenschaften

Attribut	Property	Typ	Standard
`max`	`max`	`number`	`1`
Legt den Maximalwert für die Fortschrittsanzeige fest. Der Standardwert ist `1`.
`value`	`value`	`number`	-
Legt den aktuellen Wert der Fortschrittsanzeige fest. Wenn nicht angegeben, befindet sich die Fortschrittsanzeige in einem unbestimmten Zustand.

Vorherige Seite

Chip

Nächste Seite

Collapse