Progress.rocks

Crea belle barre di progresso SVG dinamiche istantaneamente. Perfetto per documentazione, dashboard e ovunque tu debba visualizzare il progresso.

🚀 Avvio Rapido

Usa semplicemente: https://progress.rocks/{value}/

Provalo:: https://progress.rocks/75/ 75% progresso

📋 Parametri

Parametro Descrizione Predefinito
title Testo dell'etichetta visualizzato sul lato sinistro Nessuno
scale Valore massimo (rende i valori percentuali quando è 100) 100
width Larghezza della porzione di barra di progresso in pixel 90 (60 con titolo)
color Colore esadecimale per la sezione del titolo #428bca
suffix Suffisso di testo dopo il valore di progresso %

Esempi

Progresso Base

75% progresso
Progresso semplice al 75%
https://progress.rocks/75/
42.7% progresso
Precisione decimale
https://progress.rocks/42.7/

Con Titoli

85% Copertura
Progresso copertura test
https://progress.rocks/85/?title=Copertura
67% Build
Stato build
https://progress.rocks/67/?title=Build

Scale Personalizzate

$15420 Raccolti
Progresso raccolta fondi
https://progress.rocks/15420/?scale=25000&suffix=$&title=Raccolti
7/10 Lezioni
Progresso apprendimento
https://progress.rocks/7/?scale=10&suffix=/10&title=Lezioni
1337pts Punteggio
Punteggio gioco
https://progress.rocks/1337/?scale=2000&suffix=pts&title=Punteggio

Monitoraggio Sistema

72% CPU
Utilizzo CPU
https://progress.rocks/72/?title=CPU
120GB Spazio Disco
Utilizzo spazio disco
https://progress.rocks/120/?title=Spazio Disco&scale=250&suffix=GB

Stile Personalizzato

67% Personalizzato
Colore personalizzato
https://progress.rocks/67/?title=Personalizzato&color=ff6b6b
67.65% Progresso Installazione
Barra Larga
https://progress.rocks/67.65/?title=Progresso Installazione&width=300

Integrazione

Markdown

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

HTML

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

Link Diretto

https://progress.rocks/75/