Monte sua barra de progresso
Informe um valor de 0 a 100, um rótulo, cores e tamanho e baixe o PNG ou copie a URL dinâmica.
O número muda na URL e o cartão inteiro se redesenha
Uma porcentagem sozinha diz pouco: o cartão em volta precisa nomear a meta, o time responsável e a data usada como referência. Publique esse cartão pela DynaPictures como URL de imagem, passe o valor e os dias restantes como parâmetros nomeados, e a barra, os rótulos e as suas cores são desenhados a cada pedido.
Como criar uma imagem de barra de progresso
Defina o valor
Digite um número de 0 a 100. Ele vira a parte preenchida da barra e pode aparecer como porcentagem ao lado do rótulo.
Estilize
Escolha as cores de preenchimento, fundo e texto como valores hex, digite um rótulo como Sprint 14 e defina largura e altura em pixels.
Baixe ou copie a URL
Salve o PNG, ou copie a URL e altere value= e label= nela sempre que o seu número mudar.
Por que usar este gerador de barra de progresso
Funciona no Notion
O Notion não tem imagem de barra de progresso nativa; cole a URL como embed ou bloco de imagem e atualize o valor no link.
Slack, README e e-mail
Em qualquer lugar onde uma URL de imagem carrega, incluindo mensagens no Slack, READMEs do GitHub e e-mails HTML, a barra mostra o valor atual.
Um único parâmetro
Troque ?value=40 por ?value=65 e a barra é redesenhada; sem ferramenta de edição, sem reenviar nada.
As cores da sua marca
Preenchimento, fundo e texto são valores hex, então a barra combina com o seu painel ou newsletter.
Tamanho exato
Defina largura e altura em pixels para caber em uma coluna do Notion, uma célula de tabela ou um e-mail de 600 px.
Como a barra de progresso dinâmica funciona
Sua barra recebe um id que guarda as cores, o rótulo e o tamanho. Ao solicitar /tools/d/YOUR-ID.png?value=64 a barra é desenhada com 64 por cento preenchidos e devolvida como PNG; adicionar label=Meta%20Q3 substitui o rótulo. O valor é limitado à faixa de 0 a 100. No Notion, cole a URL em um bloco de imagem; no Slack ou em um README, use a URL diretamente. URLs dinâmicas têm teto de 1.000 visualizações ou 30 dias, igual para cada visitante. Na plataforma da DynaPictures você alimenta o valor a partir de uma planilha, Zapier, Make ou da API, ou desenha seu próprio modelo de progresso com ícones e texto.
Limites gratuitos
20 renderizações por dia por visitante. Cada URL dinâmica serve até 1.000 visualizações ou 30 dias e depois mostra um pequeno aviso de upgrade.
Automatize o valor
A plataforma da DynaPictures atualiza o valor a partir do Zapier, Make, de uma planilha enviada ou da API, com um modelo seu.
Parâmetros
value= de 0 a 100, label= opcional como texto codificado para URL; cores e tamanho ficam fixos quando você cria a barra.
<img src="https://api.dynapictures.com/tools/d/YOUR-ID.png?value=64&label=Q3%20goal" alt="64%">Perguntas frequentes
Crie a barra, copie a URL dinâmica e cole em um bloco de imagem ou embed do Notion. Para atualizar o progresso, edite o número de value= no link; a imagem é redesenhada no próximo carregamento.