Progress.rocks - Barras de Progresso SVG Dinâmicas

🚀 Início Rápido

Simplesmente use: https://progress.rocks/{value}/

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

📋 Parâmetros

Parâmetro	Descrição	Padrão
`title`	Texto de etiqueta exibido no lado esquerdo	Nenhum
`scale`	Valor máximo (torna os valores percentagens quando 100)	100
`width`	Largura da porção da barra de progresso em pixéis	90 (60 com título)
`color`	Cor hexadecimal para a secção do título	#428bca
`suffix`	Sufixo de texto após o valor de progresso	%

Exemplos

Progresso Básico

75% progresso

Progresso simples de 75%

https://progress.rocks/75/

42.7% progresso

Precisão decimal

https://progress.rocks/42.7/

Com Títulos

85% Cobertura

Progresso da cobertura de testes

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

67% Compilação

Estado da compilação

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

Escalas Personalizadas

$15420 Angariado

Progresso de angariação de fundos

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

7/10 Lições

Progresso de aprendizagem

https://progress.rocks/7/?scale=10&suffix=/10&title=Lições

1337pts Pontuação

Pontuação de jogo

https://progress.rocks/1337/?scale=2000&suffix=pts&title=Pontuação

Monitorização do Sistema

72% CPU

Uso de CPU

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

120GB Espaço em Disco

Uso do espaço em disco

https://progress.rocks/120/?title=Espaço em Disco&scale=250&suffix=GB

Estilo Personalizado

67% Personalizado

Cor personalizada

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

67.65% Progresso de Instalação

Barra Larga

https://progress.rocks/67.65/?title=Progresso de Instalação&width=300

Integração

Markdown

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

HTML

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

Ligação Directa

https://progress.rocks/75/