進捗サークル

概要

Avonniのプログレスサークルコンポーネントは、円形フォーマットで進捗や完了率を表します。ダッシュボード、タスクの完了状況、またはあらゆる指標の表示に最適で、さまざまな視覚要件に合わせたカスタマイズオプションを提供します。

設定

🎛️ プロパティ

名前	説明
ラベル	プログレスサークルに添えられた説明文。
値	進捗の数値表現、通常はパーセンテージ。
値を表示	プログレスサークル内に数値を表示するか切り替えます。
サイズ	プログレスサークル全体のサイズを調整します。オプションには小、中、大などが含まれる場合があります。
太さ	円のプログレスバーの太さを設定し、より目立たせるか控えめに表示するかを調整します。
方向	プログレスバーがどの方向に塗り進むかを決定します（例：時計回りまたは反時計回り）。
タイトル	追加のテキスト要素は、より詳細な説明やタイトルに通常使用されます。
タイトルの位置	プログレスサークルに対するタイトルの配置を指定します（例：上、下）。

🎨 スタイリング

名前	説明
ラベル	灰色の色、通常のフォントスタイル、中程度の太さ。
値	青色、強調のための太字。
バー	プログレスバーは青色、背景は薄い灰色。
タイトル	黒色、通常のスタイル、太字、1行に制限。