Progress.rocks

Créez instantanément de belles barres de progression SVG dynamiques. Parfait pour la documentation, les tableaux de bord et partout où vous devez visualiser le progrès.

🚀 Démarrage Rapide

Utilisez simplement : https://progress.rocks/{value}/

Essayez-le :: https://progress.rocks/75/ 75% progression

📋 Paramètres

Paramètre Description Par défaut
title Texte d'étiquette affiché sur le côté gauche Aucun
scale Valeur maximale (rend les valeurs en pourcentages quand 100) 100
width Largeur de la portion de barre de progression en pixels 90 (60 avec titre)
color Couleur hexadécimale pour la section titre #428bca
suffix Suffixe de texte après la valeur de progression %

Exemples

Progression de Base

75% progression
Progression simple de 75%
https://progress.rocks/75/
42.7% progression
Précision décimale
https://progress.rocks/42.7/

Avec Titres

85% Couverture
Progression de couverture de test
https://progress.rocks/85/?title=Couverture
67% Build
Statut de build
https://progress.rocks/67/?title=Build

Échelles Personnalisées

$15420 Collecté
Progression de collecte de fonds
https://progress.rocks/15420/?scale=25000&suffix=$&title=Collecté
7/10 Leçons
Progression d'apprentissage
https://progress.rocks/7/?scale=10&suffix=/10&title=Leçons
1337pts Score
Score de jeu
https://progress.rocks/1337/?scale=2000&suffix=pts&title=Score

Surveillance Système

72% CPU
Utilisation CPU
https://progress.rocks/72/?title=CPU
120GB Espace Disque
Utilisation de l'espace disque
https://progress.rocks/120/?title=Espace Disque&scale=250&suffix=GB

Style Personnalisé

67% Personnalisé
Couleur personnalisée
https://progress.rocks/67/?title=Personnalisé&color=ff6b6b
67.65% Progression d'Installation
Barre Large
https://progress.rocks/67.65/?title=Progression d'Installation&width=300

Intégration

Markdown

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

HTML

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

Lien Direct

https://progress.rocks/75/