CircularProgressOkrągły wskaźnik postępu

Okrągły wskaźnik postępu wyświetla postęp zadania, na przykład ładowania danych lub wysyłania formularza.

Sposób użycia

Zaimportuj komponent:

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

Zaimportuj typ TypeScript komponentu:

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

Przykład użycia:

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

Przykłady

Stały postęp

Okrągły wskaźnik postępu domyślnie ma nieokreślony postęp. Możesz ustawić bieżący postęp za pomocą atrybutu value. Domyślna maksymalna wartość postępu to 1.

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

Źródło

Maksymalną wartość postępu można ustawić za pomocą atrybutu max.

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

Źródło

API

Właściwości

Atrybut HTML	Właściwość JavaScript	Typ	Domyślne
`max`	`max`	`number`	`1`
Maksymalna wartość wskaźnika postępu. Domyślnie `1`
`value`	`value`	`number`	-
Bieżąca wartość wskaźnika postępu. Jeśli wartość nie jest określona, wyświetlany jest stan nieokreślony

Poprzedni rozdział

Chip Chip

Następny rozdział

Collapse Panel zwijany