ホームページ制作
ユニゼロワン
機能DEMOサイト
ユニゼロワン機能DEMOサイト

Circle Progress Bar

DEMOにある機能は、ご希望に応じて様々にカスタマイズできます

このページの機能についてのお問合せは、Tipsユニゼロワンサイトに進み、照会番号でお願いします。

照会番号:DEMO2-
46161
  • 表示されるボタンの多くはサンプルDEMOにつき機能しません。
  • ほとんどの機能は、カスタマイズが可能で、複数の機能を組み合わせることもできます。
  • 完全にオーダーメイドでの機能作成も承っております。(グループサイト STUDIO ユニゼロワンをご参照ください)
  • ほとんどの機能がフルレスポンシブ機能(スマートフォンやタブレットでの最適化表示)に対応しており、大幅に調整又は別レイアウトでの制作にも対応しています。
  • フルレスポンシブ機能を確認するには、「デバイスプレビューを見る」ボタンからお進みください。
  • 異なるプログラミング手法による同じ機能も他の機能DEMOグループサイトでご紹介しております。

Circle Progress Bar は、円形のプログレスバーで進捗率・達成度を視覚的に表示する機能です。

特徴(Features)

  • 円形の進捗アニメーション(スムーズに円が満ちていく)
  • パーセンテージ表示(数値のオン/オフ可)
  • 色・太さ・サイズを自由にカスタマイズ
  • 複数のスタイル(フラット/グラデーションなど)に対応
  • スキル紹介や統計表示に使いやすいシンプル構造

よく使われる場面(Use Cases)

  • スキルレベルの可視化(例:Photoshop 90%)
  • KPI・達成率の表示
  • サービスの実績紹介
  • LPの統計・数字の強調セクション
  • チームや会社のパフォーマンス指標の提示

📱 デバイスプレビューを見る

Type.1

Food Nutritional values

Whether you count calories every day or not, it is important that you also know the nutritional values of the foods that we all consume all the time.

Fries
fat
Lactose
protein
sugars
burger
fat
Lactose
protein
sugars
pizza
fat
Lactose
protein
sugars
Sandwich
fat
Lactose
protein
sugars

Type.2

NEW CAR

Arrival

NEW CAR ARRIVAL

Fuel consumption
Top Speed
TITLE TITLE
number of gears