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 |
コンポーネントの角丸のサイズ。ピクセル値で直接指定できますが、デザイントークンを参照することをお勧めします。 |
このページの目次