CircularProgressKör alakú folyamatjelző

A kör alakú folyamatjelző egy kör alakú komponens a feladat előrehaladásának megjelenítésére, például adatbetöltés vagy űrlapbeküldés során.

Használat

A komponens importálása:

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

A komponens TypeScript-típusának importálása:

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

Példa:

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

Példák

Rögzített előrehaladás

A kör alakú folyamatjelző alapértelmezés szerint határozatlan előrehaladást mutat. A value attribútummal beállíthatja az aktuális előrehaladást, az alapértelmezett maximális érték 1.

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

Forrás

A max attribútummal beállíthatja az előrehaladás maximális értékét.

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

Forrás

API

Tulajdonságok

Attribútum	Tulajdonság	Típus	Alapértelmezett
`max`	`max`	`number`	`1`
A folyamatjelző maximális értéke. Alapértelmezés szerint `1`.
`value`	`value`	`number`	-
A folyamatjelző aktuális értéke. Ha ez az érték nincs megadva, a jelző határozatlan állapotban jelenik meg.

Előző fejezet

Chip Chip

Következő fejezet

Collapse Összecsukható panel