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/