MDUIDocs
llms.txt link másolásallms-full.txt link másolásaOldal megtekintése Markdown formátumbanAz oldal megbeszélése a ChatGPT-velA projekt teljes dokumentációjának megbeszélése a ChatGPT-vel
Előre beállított színek
Egyéni szín
Szín kinyerése háttérképből
Kérjük, válasszon egy háttérképet
Első lépések
Fejlesztés MI-vel
Stílusok
Keretrendszerekbe való integráció
Komponensek
Avatar AvatarBadge BadgeBottomAppBar Alsó alkalmazássávButton GombButtonIcon Ikon-gombCard KártyaCheckbox JelölőnégyzetChip ChipCircularProgress Kör alakú folyamatjelzőCollapse Összecsukható panelDialog PárbeszédablakDivider ElválasztóDropdown Lenyíló listaFab Lebegő műveletgombIcon IkonLayout ElrendezésLinearProgress Lineáris folyamatjelzőList ListaMenu MenüNavigationBar Navigációs sávNavigationDrawer Navigációs fiókNavigationRail Navigációs sínRadio RádiógombRangeSlider TartománycsúszkaSelect VálasztómezőSegmentedButton Szegmentált gombSlider CsúszkaSnackbar SnackbarSwitch KapcsolóTabs FülTextField SzövegmezőTooltip TooltipTopAppBar Felső alkalmazássáv
Függvények
Könyvtárak

LinearProgressLineáris folyamatjelző

線性進度條是一種橫向的指示器,用來向使用者展示任務的執行進度,如資料載入或表單提交等。

使用方法

按需引入元件:

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

按需引入元件的 TypeScript 型別:

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

使用範例:

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

範例

設定進度

線性進度條預設為不確定的進度,你可以透過 value 屬性來設定目前的進度,預設的進度最大值為 1

你也可以透過 max 屬性來設定進度的最大值。

API

Tulajdonságok

AttribútumTulajdonságReflectTípusAlapértelmezett
maxmaxnumber1

進度條的最大值。預設為 1

valuevaluenumber-

進度條的目前值。如果未指定該值,則處於不確定狀態

CSS Parts

Név
indicator

指示器部分

CSS egyéni tulajdonságok

Név
--shape-corner

元件的圓角大小。可以指定一個具體的像素值;但更推薦引用設計令牌

Ezen az oldalon