コンポーネントの構成

Menu01

Control Map

Menu02

セレクター一覧

下位コントロール「progressbaritem」に対してスタイルを設定することで、ProgressBarコンポーネントのバースタイルを多様に表現することができます。

設定例）「.ProgressBar .progressbaritem」のbackgroundプロパティ

①<bg-image>を指定する場合は進行状況を画像で表示します。

②<linear-gradient>を指定する場合は進行状況がグラデーションのバーで表示します。

③<background-color>を指定する場合は進行状況を単色のバーで表示します。

コンポーネントごとに異なるバースタイルを設定する場合にはクラスセレクターを使用してください。

XCSSで定義できない一般プロパティです。nexacro studioのプロパティリストもしくはスクリプトより設定します。

分類	プロパティ名	説明
Appearance	blockgap	進行状況を表示するブロックの間隔（smoothプロパティ値が「false」である場合にのみ有効）
	blocksize	進行状況を表示するブロックのサイズ（smoothプロパティ値が「false」である場合にのみ有効）
	direction	バーの表示方向
	pos	進行状況の現在値（進行状況はmax、min、posプロパティの関係で決まります）
	smooth	バーの形状。「true」に設定した場合は連続した1つのブロックとなり、「false」に設定した場合はblocksizeプロパティ値のブロックになります。