Progress.rocks - Dynamische SVG Voortgangsbalken

🚀 Snelle Start

Gebruik gewoon: https://progress.rocks/{value}/

Probeer het:: https://progress.rocks/75/ 75% voortgang

📋 Parameters

Parameter	Beschrijving	Standaard
`title`	Labeltekst weergegeven aan de linkerkant	Geen
`scale`	Maximale waarde (maakt waarden percentages bij 100)	100
`width`	Breedte van voortgangsbalk gedeelte in pixels	90 (60 met titel)
`color`	Hexadecimale kleur voor de titelsectie	#428bca
`suffix`	Tekstachtervoegsel na de voortgangswaarde	%

Voorbeelden

Basis Voortgang

75% voortgang

Eenvoudige 75% voortgang

https://progress.rocks/75/

42.7% voortgang

Decimale precisie

https://progress.rocks/42.7/

Met Titels

85% Dekking

Testdekking voortgang

https://progress.rocks/85/?title=Dekking

67% Build

Build status

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

Aangepaste Schalen

$15420 Opgehaald

Fondsenwerving voortgang

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

7/10 Lessen

Leervoortgang

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

1337pts Score

Gaming score

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

Systeemmonitoring

72% CPU

CPU-gebruik

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

120GB Schijfruimte

Schijfruimtegebruik

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

Aangepaste Stijl

67% Aangepast

Aangepaste kleur

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

67.65% Installatievoortgang

Brede Balk

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

Integratie

Markdown

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

HTML

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

Directe Link

https://progress.rocks/75/