オブジェクト：プログレスバー – LSEED

プログレスバーオブジェクトは、進捗状況や達成率を視覚的に表現するためのパーツです。
割合に応じてバーの長さやラベル表示が変化し、ユーザーに「どこまで進んでいるか」を直感的に伝えることができます。
デザインやラベルの表示位置、色やサイズなどもカスタマイズ可能で、アンケートやタスク管理、学習進捗の可視化など幅広く活用されます。

プログレスバーの説明

プログレスバーオブジェクトの追加方法

プログレスバーオブジェクトは、進捗状況や達成率などを視覚的に表示するためのパーツです。以下の手順で追加できます。

画面左側の「オブジェクト」セクションから 「プログレスバー」（バーアイコン）を選択します。
「プログレスバー」ボタンをクリック、またはドラッグ＆ドロップでキャンバス上の任意の位置に配置します。

プログレスバーは、キャンペーンの達成率、アンケート進捗、学習ステータスの表示などに効果的です。

プログレスバー選択画面の説明

プログレスバー選択画面について

プログレスバーオブジェクトをドラッグ＆ドロップで追加すると、「プログレスバー選択」画面が表示されます。ここでは、用途やデザインに応じてスタイルを選ぶことができます。

左側メニュー： プログレスバーカテゴリ（すべて／プログレスバー）が表示されます。
中央の一覧： 以下のような異なるスタイルのプログレスバーから選択できます。
- プログレスバー（インナーラベル）：バー内に数値ラベルを表示
- プログレスバー（吹き出し）：ラベルがバーの外に吹き出し形式で表示
- プログレスバー（外付けラベル1・2）：バーの上下や右横にラベルを表示
- プログレスバー（大／小／標準／特大サイズ）：バーの太さ・サイズ違い
- プログレスバー（シンプルスタイル）：ラベル無しで最もシンプルな見た目
使い方： 任意のスタイルをクリックすると、選択されたデザインがキャンバス上に挿入されます。

この画面を活用することで、進捗率の表示に最適な見た目を簡単に選ぶことができ、目的に合った視覚的表現が実現できます。

プログレスバーの設定項目説明

プログレスバーの設定項目について

プログレスバーオブジェクトを選択すると、右側の設定パネルで進捗の見た目や値を細かく調整できます。

メインカラー
プログレスバーの進捗部分（塗り部分）の色を指定します。
視認性の高い色を選ぶことで、達成率がより明確になります（例：#1C64F2）。
サブカラー
バーの背景色（未達成部分）を指定します。
メインカラーとのコントラストで進捗の可視性が決まります（例：#E5E7EB）。
値
進捗の割合をスライダーまたは数値で指定します（0〜100％）。
値に応じてバーの長さと表示されるパーセンテージが変化します。

この設定を使うことで、目的やブランドカラーに合わせたビジュアルを簡単に調整できます。