プログレスバーの使い方

プログレスバーとは長時間かかるタスクの進捗状況を視覚的に示すGUI（グラフィカルユーザーインターフェース）です。

これを用いることでユーザーはプログラムがきちんと動いていることを確認できたり、タスクが完了する目安の時間を知ることができ、UX（ユーザーエクスペリエンス）の向上につながります。

また視覚効果としてどのくらいダウンロードが出来ているとか、今どのくらい進んでいるかの認識のために表示させます。

コネワンで実装できるプログレスバーは、進行状況と接続されていないので、ページの進み具合として視覚的な表示になります。

パーセンテージの変更は挿入して設定する事が出来ます。

①ウィジェットの中のプログレスバー

②名称確認個所

③プログレスバーの長さ変更

④設定1、パーセンテージ設定

⑤設定2、色の設定

⑥設定3、高さの設定

⑦設定4、プログレスバーの中のアニメーションONorOff

⑧アライメントの設定

⑨プログレスバーの要素をページ上に表示させるアニメーションの設定

⑩プログレスバーの要素をページ上に表示させる遅延の設定

⑪プログレスバーのコピーと格納場所

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

①ウィジェットの中のプログレスバー

②名称確認個所

③プログレスバーの長さ変更

④設定1、パーセンテージ設定

⑤設定2、色の設定

⑥設定3、高さの設定

⑦設定4、プログレスバーの中のアニメーションONorOff

⑧アライメントの設定

⑨プログレスバーの要素をページ上に表示させるアニメーションの設定

⑩プログレスバーの要素をページ上に表示させる遅延の設定

⑪プログレスバーのコピーと格納場所

ウィジェット一覧

フリー画像素材の活用


注文概要の作成


ボタンの使い方


見出し&テキストの活用方法


画像の追加&設定方法


メニューを好きな場所に追加しよう！


フォームの使い方〜お問い合わせ、メルマガ、アンケートなど〜


クイズフォームの使い方


チェックアウトフォーム設定


カウントダウンタイマー機能を活用しよう！


ファイルマネージャー（アップロード&ダウンロード方法）


音声メディアを作ろう!


画像の埋め込み方法


スペーサー


プログレスバー


区切り線の設定


アコーディオン

更新日 01/05/2024