Progress.rocks

Twórz piękne, dynamiczne paski postępu SVG natychmiast. Idealne do dokumentacji, pulpitów nawigacyjnych i wszędzie tam, gdzie potrzebujesz wizualizować postęp.

🚀 Szybki Start

Po prostu użyj: https://progress.rocks/{value}/

Wypróbuj:: https://progress.rocks/75/ 75% postęp

📋 Parametry

Parametr Opis Domyślne
title Tekst etykiety wyświetlany po lewej stronie Brak
scale Wartość maksymalna (czyni wartości procentowymi przy 100) 100
width Szerokość części paska postępu w pikselach 90 (60 z tytułem)
color Kolor szesnastkowy dla sekcji tytułu #428bca
suffix Przyrostek tekstowy po wartości postępu %

Przykłady

Podstawowy Postęp

75% postęp
Prosty postęp 75%
https://progress.rocks/75/
42.7% postęp
Precyzja dziesiętna
https://progress.rocks/42.7/

Z Tytułami

85% Pokrycie
Postęp pokrycia testów
https://progress.rocks/85/?title=Pokrycie
67% Budowanie
Status budowania
https://progress.rocks/67/?title=Build

Niestandardowe Skale

$15420 Zebrane
Postęp zbiórki funduszy
https://progress.rocks/15420/?scale=25000&suffix=$&title=Zebrane
7/10 Lekcji
Postęp nauki
https://progress.rocks/7/?scale=10&suffix=/10&title=Lekcji
1337pts Wynik
Wynik gry
https://progress.rocks/1337/?scale=2000&suffix=pts&title=Wynik

Monitorowanie Systemu

72% CPU
Użycie CPU
https://progress.rocks/72/?title=CPU
120GB Przestrzeń Dyskowa
Użycie przestrzeni dyskowej
https://progress.rocks/120/?title=Przestrzeń Dyskowa&scale=250&suffix=GB

Niestandardowy Styl

67% Niestandardowe
Niestandardowy kolor
https://progress.rocks/67/?title=Niestandardowe&color=ff6b6b
67.65% Postęp Instalacji
Szeroki Pasek
https://progress.rocks/67.65/?title=Postęp Instalacji&width=300

Integracja

Markdown

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

HTML

<img src="/85/?title=Zakończono" alt="85% Complete">

Bezpośredni Link

https://progress.rocks/75/