デモ01 ： デフォルトの例
標準のプログレスバーをデフォルトのスタイルで表示し、進行状況を追跡します。
デザイン
52 %
UX
64 %
コーディング
75 %
スピード
95 %
情熱
59 %
デモ02 ： テキストの位置
プログレスバー内のテキストの位置を設定し、見やすくする。
デザイン
60 %
UX
75 %
コーディング
90 %
マーケティング
90 %
ブランディング
75 %
写真撮影
60 %
デモ03 ： (プログレス・スタイルの例）
デザインのニーズに合わせて、さまざまなプログレスバーのスタイルを表示できます。
デザイン
97 %
UX
88 %
コーディング
92 %
スピード
95 %
デザイン
65 %
UX
88 %
コーディング
92 %
スピード
95 %
情熱
100 %
デモ 04 ： ストライプ・スタイル
ダイナミックな外観のためにストライプエフェクトでプログレスバーを表示します。
デザイン
60 %
UX
75 %
コーディング
90 %
マーケティング
90 %
ブランディング
75 %
写真撮影
60 %
デモ 05 ： グラデーションの例
プログレスバーにグラデーションカラーを適用して、モダンで目を引くスタイルに。
デザイン
80 %
UX
75 %
コーディング
65 %
スピード
80 %
UX
45 %
コーディング
75 %
スピード
60 %
情熱
50 %
デモ06 ： レインボー・アニメーション
シンプルなビジュアルインジケータで、ステータス、進捗状況、アラートを強調表示します。
デザイン
60 %
UX
75 %
コーディング
90 %
マーケティング
90 %
ブランディング
75 %
写真撮影
60 %
デモ 07： カラー例
プログレスバーを複数の色で表示し、魅力的で生き生きとしたデザインに。
デザイン
60 %
UX
75 %
コーディング
90 %
開発中
59 %
マーケティング
80 %
ブランディング
60 %
写真撮影
70 %
ウェブデザイン
49 %
