LinearProgress線性進度條
線性進度條是一種橫向的指示器,用來向使用者展示任務的執行進度,如資料載入或表單提交等。
使用方法
按需引入元件:
import 'mdui/components/linear-progress.js';
按需引入元件的 TypeScript 型別:
import type { LinearProgress } from 'mdui/components/linear-progress.js';
使用範例:
<mdui-linear-progress></mdui-linear-progress>你也可以透過 max 屬性來設定進度的最大值。
API
CSS 自訂屬性
| 名稱 |
|---|
--shape-corner |
元件的圓角大小。可以指定一個具體的像素值;但更推薦引用設計令牌 |
本頁目錄