Monte sua barra de progresso
Digite um valor de 0 a 100, um rótulo e cores, escolha um tamanho e baixe o PNG.
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.
- Camada de barra de progresso no cartão
- Valor e prazo entram pela URL
- Preenchimento, trilho e textos nas suas cores
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.
Dê estilo
Escolha as cores da barra, da trilha e do fundo em hexadecimal, digite um rótulo como Sprint 14 e escolha 600x80, 600x120 ou 300x40 pixels.
Baixe o PNG
Salve a imagem e adicione-a a um bloco de imagem do Notion, uma mensagem do Slack, um README ou um e-mail; quando o seu número mudar, gere uma barra nova.
Por que usar este gerador de barra de progresso
Funciona no Notion
O Notion não tem imagem de barra de progresso própria; envie o PNG para um bloco de imagem e ele fica em uma página ou coluna como qualquer foto.
Slack, README e e-mail
Um PNG vai aonde uma imagem vai: mensagens do Slack, READMEs do GitHub, e-mails HTML, apresentações e páginas de status.
Uma trilha sempre visível
Deixe a cor da trilha vazia e ela sai cinza-claro em fundo claro e cinza-ardósia em fundo escuro, então a parte não preenchida nunca some.
As cores da sua marca
As cores da barra, da trilha e do fundo aceitam valores hexadecimais, assim a barra combina com o seu painel ou a sua newsletter.
Três tamanhos
600x80 para uma barra fina, 600x120 com espaço para um rótulo em cima, 300x40 para uma célula de tabela ou uma barra lateral.
Tamanhos, rótulos e cores da barra de progresso
O valor que você digita define a parte preenchida da barra e aparece como porcentagem inteira. Com rótulo, ele fica acima da barra à esquerda e a porcentagem à direita; sem rótulo, a porcentagem fica sobre a própria barra, na parte maior e em uma cor de contraste, para que 5% e 95% continuem legíveis. Valores abaixo de 0 ou acima de 100 viram uma barra vazia ou cheia. O download é um PNG no tamanho exato em pixels que você escolheu, com bordas nítidas em uma coluna de e-mail de 600 px ou em uma página do Notion.
Limites gratuitos
20 renderizações por dia por visitante; cada PNG baixado fica guardado 24 horas e depois é apagado.
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.
Rótulo ou porcentagem
Um rótulo de até 60 caracteres fica acima da barra com a porcentagem ao lado; deixe-o vazio para ver a porcentagem sobre a barra.
Perguntas frequentes
Baixe o PNG, digite /image em uma página do Notion e envie o arquivo, ou arraste-o para a página. Quando o progresso mudar, gere uma barra nova e substitua a imagem.