Progress.rocks

Vytvářejte krásné, dynamické SVG indikátory průběhu okamžitě. Perfektní pro dokumentaci, dashboardy a kdekoli potřebujete vizualizovat pokrok.

🚀 Rychlý Start

Jednoduše použijte: https://progress.rocks/{value}/

Vyzkoušejte:: https://progress.rocks/75/ 75% pokrok

📋 Parametry

Parametr Popis Výchozí
title Text štítku zobrazený na levé straně Žádný
scale Maximální hodnota (dělá hodnoty procenty při 100) 100
width Šířka části indikátoru průběhu v pixelech 90 (60 s titulkem)
color Hexadecimální barva pro sekci titulku #428bca
suffix Textová přípona za hodnotou pokroku %

Příklady

Základní Pokrok

75% pokrok
Jednoduchý pokrok 75%
https://progress.rocks/75/
42.7% pokrok
Desetinná přesnost
https://progress.rocks/42.7/

S Titulky

85% Pokrytí
Pokrok pokrytí testů
https://progress.rocks/85/?title=Pokrytí
67% Sestavení
Stav sestavení
https://progress.rocks/67/?title=Build

Vlastní Škály

$15420 Vybráno
Pokrok fundraisingu
https://progress.rocks/15420/?scale=25000&suffix=$&title=Vybráno
7/10 Lekcí
Pokrok učení
https://progress.rocks/7/?scale=10&suffix=/10&title=Lekce
1337pts Skóre
Herní skóre
https://progress.rocks/1337/?scale=2000&suffix=pts&title=Skóre

Monitorování Systému

72% CPU
Využití CPU
https://progress.rocks/72/?title=CPU
120GB Diskový Prostor
Využití diskového prostoru
https://progress.rocks/120/?title=Diskový Prostor&scale=250&suffix=GB

Vlastní Stylování

67% Vlastní
Vlastní barva
https://progress.rocks/67/?title=Vlastní&color=ff6b6b
67.65% Pokrok Instalace
Široký Indikátor
https://progress.rocks/67.65/?title=Pokrok Instalace&width=300

Integrace

Markdown

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

HTML

<img src="/85/?title=Dokončeno" alt="85% Complete">

Přímý Odkaz

https://progress.rocks/75/