Progress.rocks - Barras de Progreso SVG Dinámicas

🚀 Inicio Rápido

Simplemente usa: https://progress.rocks/{value}/

Pruébalo:: https://progress.rocks/75/ 75% progreso

📋 Parámetros

Parámetro	Descripción	Por defecto
`title`	Texto de etiqueta mostrado en el lado izquierdo	Ninguno
`scale`	Valor máximo (hace que los valores sean porcentajes cuando es 100)	100
`width`	Ancho de la porción de la barra de progreso en píxeles	90 (60 con título)
`color`	Color hexadecimal para la sección del título	#428bca
`suffix`	Sufijo de texto después del valor de progreso	%

Ejemplos

Progreso Básico

75% progreso

Progreso simple del 75%

https://progress.rocks/75/

42.7% progreso

Precisión decimal

https://progress.rocks/42.7/

Con Títulos

85% Cobertura

Progreso de cobertura de pruebas

https://progress.rocks/85/?title=Cobertura

67% Construcción

Estado de construcción

https://progress.rocks/67/?title=Build

Escalas Personalizadas

$15420 Recaudado

Progreso de recaudación de fondos

https://progress.rocks/15420/?scale=25000&suffix=$&title=Recaudado

7/10 Lecciones

Progreso de aprendizaje

https://progress.rocks/7/?scale=10&suffix=/10&title=Lecciones

1337pts Puntuación

Puntuación de juego

https://progress.rocks/1337/?scale=2000&suffix=pts&title=Puntuación

Monitoreo del Sistema

72% CPU

Uso de CPU

https://progress.rocks/72/?title=CPU

120GB Espacio en Disco

Uso del espacio en disco

https://progress.rocks/120/?title=Espacio en Disco&scale=250&suffix=GB

Estilo Personalizado

67% Personalizado

Color personalizado

https://progress.rocks/67/?title=Personalizado&color=ff6b6b

67.65% Progreso de Instalación

Barra Ancha

https://progress.rocks/67.65/?title=Progreso de Instalación&width=300

Integración

Markdown

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

HTML

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

Enlace Directo

https://progress.rocks/75/