LinearProgressLineáris folyamatjelző

A lineáris folyamatjelző egy vízszintes jelző, amely a feladat előrehaladását mutatja a felhasználónak, például adatbetöltés vagy űrlapbeküldés során.

Használat

A komponens importálása:

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

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

import type { LinearProgress } from 'mdui/components/linear-progress.js';

Példa:

<mdui-linear-progress></mdui-linear-progress>

Példák

Előrehaladás beállítása

A lineáris 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-linear-progress value="0.5"></mdui-linear-progress>

Forrás

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

<mdui-linear-progress value="30" max="100"></mdui-linear-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 van.

CSS Parts

Név
`indicator`
A jelző rész.

CSS egyéni tulajdonságok

Név
`--shape-corner`
A komponens sarok lekerekítésének mérete. Megadható konkrét pixelérték; de ajánlott a design tokenek hivatkozása.

Előző fejezet

Layout Elrendezés

Következő fejezet

List Lista