CircularProgress円形プログレス

円形プログレスは、データの読み込みやフォームの送信など、タスクの進捗状況を表示する円形のインジケーターです。

使用方法

コンポーネントを必要に応じてインポートします：

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

コンポーネントの TypeScript 型を必要に応じてインポートします：

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

使用例：

例

固定進捗

円形プログレスはデフォルトでは不確定な進捗を表示します。value 属性を使用して現在の進捗を設定できます。デフォルトの進捗最大値は 1 です。

max 属性を使用して進捗の最大値を設定できます。