AX - プログレスバー

概要

AX - プログレスバー は、Experience Sites のページ上で完了率や目標達成度を視覚的に示すプログレス指標を表示する Experience Cloud コンポーネントです。

ポータルユーザーに目標への進捗、マルチステッププロセスの完了状況、満たされた要件の割合、または Salesforce データに基づく任意の数値的進捗指標を表示するために使用します。Experience Builder で進捗値、ラベル、色、スタイリングを設定できます。

オンボーディングの完了、目標追跡、プロフィールの充実度、トレーニングの進捗、またはポータルユーザーが目標への進行状況について視覚的フィードバックを必要とするあらゆる場面に最適です。

設定

🎛️ プロパティ

名前	説明	使用法
ラベル	プログレスバーの目的を識別するために表示されるテキスト。	このプロパティを実装して、バーが示している進捗がユーザーに明確に伝わるようにします。
値	現在の進捗を表す数値。	このプロパティを設定して、タスクやプロセスの完了した割合や分数を反映させます。
値ラベル	値の横に表示されるラベルで、通常はパーセンテージや分数として表示されます。	進捗値のテキスト表現を提供し、ユーザーに明確さを与えるために使用します。
値の位置	プログレスバーに対する値ラベルの位置。オプションには次のものが含まれます 右上, 左, 右, 左上, 右下、および 左下.	読みやすさを高め、周囲のコンテンツのデザインに合う値位置を選択してください。
サイズ	プログレスバーの太さ。オプションには次のものが含まれます フル, エックススモール, スモール, ミディアム、および ラージ.	プログレスバーが目立ち、全体のデザインレイアウトと調和するサイズを選択してください。
向き	プログレスバーが塗りつぶされる方向。次のように設定できます 水平 または 垂直.	直感的な進捗表示のために、レイアウトやコンテンツの流れの方向に合わせて向きを揃えてください。
値を表示	進捗値ラベルを表示または非表示にするトグル。	この設定を使用して、バー上に数値的な進捗を直接表示してユーザーの参照に供するか、デザインをすっきりとミニマルに保つかを選択します。
バリアント	プログレスバーの形状。オプションは ベース 直線バーの場合 円形 円形の進捗インジケーターの場合です。	サイトのデザインモチーフや表示する進捗の種類に最も適したバリアントを選択してください。
テクスチャード	プログレスバーに追加の視覚的ディテールとしてテクスチャ効果を加えます。	プログレスバーによりダイナミックで触感のある外観を作成するためにこのプロパティを適用してください。
テーマ	進捗の性質や状態を示す事前定義されたカラーテーマ。利用可能なテーマには次のものが含まれます ベース, 代替反転, エラー, 情報, 反転, オフライン, 成功、および 警告.	異なる意味を伝えるためにテーマを選択してください—たとえば、完了したタスクには 成功 を、 警告 保留中の操作には
厚さ	プログレスバーの太さを調整します。オプションには次のものが含まれます ミディアム, エックススモール, スモール、および ラージ.	プログレスバーの目立ち具合と他のサイト要素との美的互換性を確保する太さを選んでください。

🎨 スタイリング