Progress.rocks - Dynamische SVG-Fortschrittsbalken

🚀 Schnellstart

Verwenden Sie einfach: https://progress.rocks/{value}/

Probieren Sie es aus:: https://progress.rocks/75/ 75% Fortschritt

📋 Parameter

Parameter	Beschreibung	Standard
`title`	Beschriftungstext, der auf der linken Seite angezeigt wird	Keine
`scale`	Maximaler Wert (macht Werte zu Prozentsätzen wenn 100)	100
`width`	Breite des Fortschrittsbalkenbereichs in Pixeln	90 (60 mit Titel)
`color`	Hexadezimalfarbe für den Titelbereich	#428bca
`suffix`	Textsuffix nach dem Fortschrittswert	%

Beispiele

Einfacher Fortschritt

75% Fortschritt

Einfacher 75% Fortschritt

https://progress.rocks/75/

42.7% Fortschritt

Dezimalgenauigkeit

https://progress.rocks/42.7/

Mit Titeln

85% Abdeckung

Test-Abdeckungsfortschritt

https://progress.rocks/85/?title=Test-Abdeckung

67% Build

Build-Status

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

Benutzerdefinierte Skalen

$15420 Gesammelt

Spendensammlungsfortschritt

https://progress.rocks/15420/?scale=25000&suffix=$&title=Gesammelt

7/10 Lektionen

Lernfortschritt

https://progress.rocks/7/?scale=10&suffix=/10&title=Lektionen

1337pts Punktzahl

Gaming-Punktzahl

https://progress.rocks/1337/?scale=2000&suffix=pts&title=Punkte

Systemüberwachung

72% CPU

CPU-Auslastung

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

120GB Festplattenspeicher

Festplattenspeicher-Nutzung

https://progress.rocks/120/?title=Festplattenspeicher&scale=250&suffix=GB

Benutzerdefiniertes Styling

67% Benutzerdefiniert

Benutzerdefinierte Farbe

https://progress.rocks/67/?title=Angepasst&color=ff6b6b

67.65% Installationsfortschritt

Breiter Balken

https://progress.rocks/67.65/?title=Installationsfortschritt&width=300

Integration

Markdown

![Progress](https://progress.rocks/67/?title=Projekt)

HTML

<img src="/85/?title=Vollständig" alt="85% Complete">

Direkter Link

https://progress.rocks/75/