#1 線形プログレスバー

プロジェクト進捗

75%

ストレージ使用量

48GB / 100GB

48%

CPU使用率

92%

#2 セグメント型

注文ステータス

注文確定

出荷

配送中

到着

#3 円形プログレス（CSS）

85%

デザイン

92%

開発

60%

テスト

読込中

#4 ステップインジケーター

✓

要件定義

✓

設計

3

開発

4

テスト

5

リリース

#5 スキルレベルゲージ

スキルセット

HTML/CSS

95%

JavaScript

85%

React

80%

PHP

70%

Python

60%

#6 ステータスダッシュボード

システムステータス

Webサーバー

稼働中

99.99%

データベース

稼働中

99.95%

CDN

遅延あり

98.5%

メール配信

稼働中

100%

#7 アップロード進捗

ファイルアップロード

proposal.pdf

✓

design_v2.fig

67%

photos.zip

待機中

#8 バッテリー/容量表示

ストレージ

80GB / 100GB

メモリ

7.2GB / 16GB

CPU

92%

帯域

25%

#9 目標達成メーター

月間目標

120%

売上目標

¥1.2M / ¥1M

75%

新規顧客

75 / 100件

45%

コンテンツ

9 / 20記事

#10 タスク完了率

Sprint #24

12

完了

5

進行中

3

未着手

60% 完了

25% 進行中

15% 未着手

#11 レーティング分布表

4.8

★★★★★

128件のレビュー

5

80%

4

15%

3

3%

2

1%

1

1%

#12 タイマー/カウントダウン

セール終了まで

02

日

:

14

時間

:

35

分

:

48

秒

#13 投票/アンケート結果

どのフレームワークを使っていますか？

回答数: 1,234

React

42%

518票

Vue.js

28%

345票

Angular

18%

222票

Svelte

12%

#14 到達ポイントマーカー

プロジェクトマイルストーン

✓

Phase 1: 企画

完了

2

Phase 2: 開発

65%

3

Phase 3: テスト

未着手

#15 ファンドレイジング/クラウドファンディング

新製品開発プロジェクト

残り14日

¥8,450,000 / ¥10,000,000

84.5% 達成

1,234人が支援

このプロジェクトを支援する

← サンプル一覧