Progress.rocks - Dynamiska SVG Framstegsindikatorer

🚀 Snabbstart

Använd helt enkelt: https://progress.rocks/{value}/

Prova det:: https://progress.rocks/75/ 75% framsteg

📋 Parametrar

Parameter	Beskrivning	Standard
`title`	Etiketttext som visas på vänster sida	Ingen
`scale`	Maximalt värde (gör värden till procent när 100)	100
`width`	Bredd på framstegsindikatorns del i pixlar	90 (60 med titel)
`color`	Hexadecimal färg för titelsektion	#428bca
`suffix`	Textsuffix efter framstegsvärdet	%

Exempel

Grundläggande Framsteg

75% framsteg

Enkelt 75% framsteg

https://progress.rocks/75/

42.7% framsteg

Decimal precision

https://progress.rocks/42.7/

Med Titlar

85% Täckning

Testtäckningsframsteg

https://progress.rocks/85/?title=Täckning

67% Bygg

Byggstatus

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

Anpassade Skalor

$15420 Insamlat

Insamlingsframsteg

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

7/10 Lektioner

Lärandeframsteg

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

1337pts Poäng

Spelpoäng

https://progress.rocks/1337/?scale=2000&suffix=pts&title=Poäng

Systemövervakning

72% CPU

CPU-användning

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

120GB Diskutrymme

Diskutrymmesanvändning

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

Anpassad Styling

67% Anpassad

Anpassad färg

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

67.65% Installationsframsteg

Bred Stapel

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

Integration

Markdown

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

HTML

<img src="/85/?title=Slutförd" alt="85% Complete">

Direktlänk

https://progress.rocks/75/