Content

ページ要素【プログレスバー】とは?


「ここまで完了している」と進行状況をバーを用いて視覚的に伝えられる要素となります。

 

 

利用が必要なケース・利用しなくて良いケース


・利用が必要なケース
手続きの進行状況などを表示したい場合には必要です。

 

・利用しなくて良いケース
進行状況の表示をしない場合には必要ございません。

 

 

追加方法


1.上メニュー【ファネル】「ファネル一覧」より設定するファネルをクリックします。

 

2.「ページ一覧」より要素を追加するページの編集をクリックします。

 

3.ページ編集画面にて「プログレスバー」を追加したい場所のをクリックします。

 

4.ポップアップ表示内にてプログレスバーをクリックします。

 

5.バーの画像が表示されたら追加完了となります。

 

 

サンプル


・カラー:「単色」「ストライプ」の2パターン+色がお選びいただけます。

・アニメーション:カラーが「ストライプ」の場合のみ表示され、「あり」「なし」よりお選びいただけます。

・進捗率:バーの中の進捗率を10%〜100%、5%単位で設定できます。

・高さ:バーの高さが設定できます。

・テキスト:進捗率の中に表示するテキストを入力できます。

・文字サイズ:テキストの文字サイズを設定できます。

Comments are closed.