Quais formatos de dados são aceitos?

Você pode inserir dados como um array JSON (ex: [{"label": "A", "value": 50}]) ou em formato de texto simples (ex: Tarefa A:50).

Posso definir um valor alvo?

Sim, utilize o campo 'Valor Alvo' para definir uma linha de referência que será exibida sobre a barra de progresso.

É possível alterar a cor das barras?

Sim, você pode inserir códigos hexadecimais separados por vírgula no campo 'Cores das Barras' para personalizar o visual.

O gráfico suporta orientação vertical?

Sim, basta selecionar a opção 'Vertical' no menu de orientação para alternar o layout das barras.

As barras podem ser animadas?

Sim, ao marcar a opção 'Progresso Animado', as barras serão preenchidas com uma animação suave ao carregar o gráfico.

Elysia Tools

Navegação

Data Visualization

Gerador de Barra de Progresso

Gerar barras de progresso personalizáveis a partir de dados, perfeito para mostrar status de conclusão, rankings ou valores comparativos

Execução

Executar esta ferramenta

Preencha o formulário, execute a ferramenta e veja o resultado no mesmo lugar.

Entradas

As opções estão agrupadas para deixar formulários longos mais fáceis de revisar.

15 opções

ConteúdoCole ou digite os valores principais.3

Dados do GráficotextareaObrigatórioDados para as barras de progresso. Suporta array JSON ou formato de texto simples etiqueta:valorTítulo do GráficotextOpcionalTítulo que será exibido acima do gráficoCores das BarrastextOpcionalCores para as barras de progresso (cores hex separadas por vírgula). Deixe vazio para cores padrão.

ConfiguraçõesAjuste formatos, intervalos, números e modos.7

OrientaçãoselectOpcionalEstilo da BarraselectOpcionalAltura da Barra (Horizontal) / Largura (Vertical)numberOpcionalAltura das barras horizontais ou largura das barras verticais em pixelsValor MáximonumberOpcionalValor máximo para a escala de progresso (deixe vazio para escala automática)Valor MínimonumberOpcionalValor mínimo para a escala de progressoValor AlvonumberOpcionalValor alvo para exibir como linha de referênciaCor de FundocolorOpcionalCor de fundo para o contêiner do gráfico

AlternânciasAtive ou desative comportamentos opcionais.5

Mostrar PorcentagenscheckboxOpcionalAtivo quando marcadoExibir valores de porcentagem nas barras de progressoMostrar ValorescheckboxOpcionalAtivo quando marcadoExibir valores reais nas barras de progressoProgresso AnimadocheckboxOpcionalAtivo quando marcadoAnimar as barras de progresso quando carregadasBarras ArredondadascheckboxOpcionalAtivo quando marcadoUsar cantos arredondados para as barras de progressoMostrar Linha AlvocheckboxOpcionalAtivo quando marcadoExibir uma linha de referência para o valor alvo

Resultado

Pronto para executar

Depois de executar, arquivos, texto, dados estruturados ou saída em streaming aparecerão aqui.

Exemplos

Exemplos compatíveis com esta ferramenta

Relacionado

Gerador de Barra de Progresso

Executar esta ferramenta

Entradas

Resultado

Exemplos compatíveis com esta ferramenta

Continue com ferramentas e temas relacionados

Entradas

Resultado

Veja quando usar esta ferramenta, o que ela suporta e como os usuários a aplicam.

Fatos principais

Visão geral

Quando usar

Como funciona

Casos de uso

Exemplos

1. Monitoramento de Metas de Vendas

2. Status de Conclusão de Projeto

Perguntas frequentes

Exemplos de Códigos QR

Exemplos de Análise de Logs ELK Stack

Exemplos Avançados de Aplicação Grafana

Exemplos de Rastreamento Distribuído

Gerador de Gráfico de Donut

Gerador de Gráfico de Funil

Gerador de Pictograma

Gerador de Gráfico Radar

Geradores de Gráficos e Diagramas

Ferramentas de intercambio JSON e traducao de formatos

Ferramentas de conversão de caixa, codificação e normalização de texto

Ferramentas de inspecao, diff e transformacao JSON