Progress.rocks - 动态 SVG 进度条

🚀 快速开始

直接用： https://progress.rocks/{value}/

试试看：: https://progress.rocks/75/ 75% 进度

📋 参数

参数	描述	默认值
`title`	显示勒左首个标签文字	呒没
`scale`	最大值（是100个辰光会让数值变成百分比）	100
`width`	进度条部分个像素宽度	90（有标题个辰光是60）
`color`	标题部分个十六进制颜色	#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/