Progress.rocks - 動的SVGプログレスバー

🚀 クイックスタート

簡単に使用できます： https://progress.rocks/{value}/

試してください：: https://progress.rocks/75/ 75% 進捗

📋 パラメータ

パラメータ	説明	デフォルト
`title`	左側に表示されるラベルテキスト	なし
`scale`	最大値（100の場合、値をパーセンテージにします）	100
`width`	プログレスバー部分の幅（ピクセル）	90（タイトル付きの場合60）
`color`	タイトル部分の16進数カラー	#428bca
`suffix`	進捗値の後のテキストサフィックス	%

例

基本的な進捗

75% 進捗

シンプルな75%進捗

https://progress.rocks/75/

42.7% 進捗

小数点精度

https://progress.rocks/42.7/

タイトル付き

85% カバレッジ

テストカバレッジ進捗

https://progress.rocks/85/?title=カバレッジ

67% ビルド

ビルドステータス

https://progress.rocks/67/?title=Build

カスタムスケール

$15420 調達済み

募金進捗

https://progress.rocks/15420/?scale=25000&suffix=$&title=調達済み

7/10 レッスン

学習進捗

https://progress.rocks/7/?scale=10&suffix=/10&title=レッスン

1337pts スコア

ゲームスコア

https://progress.rocks/1337/?scale=2000&suffix=pts&title=スコア

システムモニタリング

72% CPU

CPU使用率

https://progress.rocks/72/?title=CPU

120GB ディスク容量

ディスク容量使用率

https://progress.rocks/120/?title=ディスク容量&scale=250&suffix=GB

カスタムスタイリング

67% カスタム

カスタムカラー

https://progress.rocks/67/?title=カスタム&color=ff6b6b

67.65% インストール進捗

ワイドバー

https://progress.rocks/67.65/?title=インストール進捗&width=300

統合

Markdown

![Progress](https://progress.rocks/67/?title=プロジェクト)

HTML

<img src="/85/?title=完了" alt="85% Complete">

ダイレクトリンク

https://progress.rocks/75/