Progress.rocks

Opret smukke, dynamiske SVG statusbjælker øjeblikkeligt. Perfekt til dokumentation, dashboards og overalt hvor du har brug for at visualisere fremgang.

🚀 Hurtig Start

Brug blot: https://progress.rocks/{value}/

Prøv det:: https://progress.rocks/75/ 75% fremgang

📋 Parametre

Parameter Beskrivelse Standard
title Etikettekst vist på venstre side Ingen
scale Maksimal værdi (gør værdier til procenter når 100) 100
width Bredde af statusbjælkedel i pixels 90 (60 med titel)
color Hexadecimal farve til titelsektion #428bca
suffix Tekstsuffiks efter fremgangsværdien %

Eksempler

Grundlæggende Fremgang

75% fremgang
Simpel 75% fremgang
https://progress.rocks/75/
42.7% fremgang
Decimal præcision
https://progress.rocks/42.7/

Med Titler

85% Dækning
Testdækning fremgang
https://progress.rocks/85/?title=Dækning
67% Build
Build status
https://progress.rocks/67/?title=Build

Tilpassede Skalaer

$15420 Indsamlet
Indsamling fremgang
https://progress.rocks/15420/?scale=25000&suffix=$&title=Indsamlet
7/10 Lektioner
Lærings fremgang
https://progress.rocks/7/?scale=10&suffix=/10&title=Lektioner
1337pts Score
Spil score
https://progress.rocks/1337/?scale=2000&suffix=pts&title=Score

Systemovervågning

72% CPU
CPU forbrug
https://progress.rocks/72/?title=CPU
120GB Diskplads
Diskplads forbrug
https://progress.rocks/120/?title=Diskplads&scale=250&suffix=GB

Tilpasset Styling

67% Tilpasset
Tilpasset farve
https://progress.rocks/67/?title=Tilpasset&color=ff6b6b
67.65% Installationsfremagang
Bred Bjælke
https://progress.rocks/67.65/?title=Installationsfremagang&width=300

Integration

Markdown

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

HTML

<img src="/85/?title=Færdig" alt="85% Complete">

Direkte Link

https://progress.rocks/75/