# Gráfico de Anel de Progresso Criar indicadores de progresso circulares bonitos com animações, perfeitos para exibir porcentagens, taxas de conclusão e métricas de progresso > Página canônica: https://elysiatools.com/pt/tools/progress-ring-chart - **Categoria:** Data Visualization - **Palavras-chave:** anel de progresso, progresso circular, porcentagem, gráfico de donut, indicador de progresso, taxa de conclusão, medidor circular ## Visão geral O Gráfico de Anel de Progresso é uma ferramenta intuitiva para criar indicadores circulares elegantes e animados, ideais para visualizar porcentagens, taxas de conclusão e métricas de desempenho de forma clara e profissional. ## Entradas - **Dados de Progresso** (textarea): Valores de progresso (0-100). Suporta array JSON com etiquetas, pares simples etiqueta:valor ou apenas valores - **Título do Gráfico** (text): Título que será exibido acima do gráfico - **Tamanho do Anel** (number): Tamanho de cada anel de progresso em pixels - **Espessura do Anel** (number): Espessura do traço do anel de progresso - **Ângulo de Início** (number): Ângulo de início em graus (-90 = topo, 0 = direita, 90 = base, 180 = esquerda) - **Esquema de Cores** (select): Selecionar esquema de cores - **Cores Personalizadas** (text): Cores personalizadas para anéis de progresso (cores hex separadas por vírgula) - **Duração da Animação** (number): Duração da animação de progresso em milissegundos - **Cor de Fundo** (color): Cor de fundo para o contêiner do gráfico - **Mostrar Porcentagem** (checkbox): Exibir valor de porcentagem no centro de cada anel - **Mostrar Rótulo** (checkbox): Exibir rótulo abaixo de cada anel de progresso - **Animado** (checkbox): Animar os anéis de progresso quando carregados ## Quando usar - Para exibir visualmente o progresso de metas ou projetos em dashboards. - Para destacar taxas de conclusão de tarefas em relatórios de desempenho. - Para criar elementos visuais interativos que tornam a apresentação de dados mais envolvente. ## Como funciona - Insira seus dados de progresso no formato JSON, lista de pares etiqueta:valor ou valores simples. - Personalize a aparência ajustando o tamanho, a espessura do anel e o esquema de cores. - Configure as opções de exibição, como mostrar porcentagens, rótulos e animações. - Gere o gráfico e utilize o resultado visual para integrar em seus projetos ou apresentações. ## Casos de uso - Monitoramento de metas de vendas mensais. - Acompanhamento de progresso de conclusão de cursos online. - Exibição de métricas de saúde ou uso de recursos em sistemas. ## Perguntas frequentes ### Quais formatos de dados são aceitos? Você pode inserir dados como um array JSON, pares de 'etiqueta:valor' ou apenas uma lista de valores numéricos de 0 a 100. ### Posso personalizar as cores dos anéis? Sim, você pode escolher entre esquemas de cores predefinidos ou definir cores personalizadas usando códigos hexadecimais. ### É possível remover a animação? Sim, basta desmarcar a opção 'Animado' nas configurações para exibir o gráfico estaticamente. ### Qual é o limite de tamanho do anel? O tamanho do anel pode ser ajustado entre 100 e 400 pixels para se adequar ao seu layout. ### Posso exibir o valor percentual dentro do anel? Sim, a opção 'Mostrar Porcentagem' permite exibir o valor centralizado automaticamente. ## Ferramentas relacionadas - [Gráfico de Estrelas de Avaliação](https://elysiatools.com/pt/tools/rating-star-chart): Criar visualizações de avaliação por estrelas bonitas para produtos, serviços e análises de feedback de usuários - [Gerador de Gráfico Rosa](https://elysiatools.com/pt/tools/rose-chart): Gerar belos gráficos rosa de Nightingale (gráficos de crista) para visualizar dados através de ângulo e área, perfeito para análises comparativas e apresentação de dados históricos - [Gerador de Gráfico de Fluxo](https://elysiatools.com/pt/tools/stream-graph-generator): Gerar belos gráficos de fluxo para dados de séries temporais com animações suaves e variações de linha de base - [Gerador de Linha do Tempo](https://elysiatools.com/pt/tools/timeline-generator): Gerar linhas do tempo bonitas e interativas a partir de dados de eventos com vários layouts e estilos - [Gerador de Gráfico de Barras de Comparação](https://elysiatools.com/pt/tools/comparison-bar-chart): Gerar gráficos de barras costas com costas para comparação de valores positivos e negativos, perfeito para contrastar conjuntos de dados - [Gerador de Data URI](https://elysiatools.com/pt/tools/data-uri-generator): Converte arquivos em Data URIs (Base64 ou porcentagem-codificada) para incorporar imagens, fontes e recursos diretamente em HTML, CSS ou Markdown - [Gerador de Gráfico de Donut](https://elysiatools.com/pt/tools/donut-chart-generator): Gerar gráficos de donut personalizáveis a partir de dados com várias opções de estilo, perfeito para mostrar proporções com espaço central - [Gerador de Gráfico de Funil](https://elysiatools.com/pt/tools/funnel-chart-generator): Gerar gráficos de funil personalizáveis a partir de dados, perfeito para mostrar taxas de conversão, pipelines de vendas e fluxos de processos ## Exemplos - [Exemplos Avançados de Aplicação Grafana](https://elysiatools.com/pt/samples/grafana-samples): Exemplos compreensivos de Grafana cobrindo design avançado de dashboards, configuração de alertas, integração de fontes de dados e desenvolvimento de plugins - [Exemplos de Códigos QR](https://elysiatools.com/pt/samples/qrcode-samples): Imagens de código QR de exemplo para testar ferramentas de leitura e geração de código QR - [Exemplos D3.js Data Visualization](https://elysiatools.com/pt/samples/d3js-data-visualization): Exemplos abrangentes de visualização de dados D3.js incluindo gráficos, mapas, animações e visualizações interativas - [Exemplos Rome JavaScript Toolchain](https://elysiatools.com/pt/samples/rome): Exemplos de toolchain JavaScript Rome incluindo configuração, linting, formatting, bundling e gerenciamento de projetos ## Conteúdo relacionado - [Geradores de gráficos e diagramas](https://elysiatools.com/pt/hubs/chart-diagram-generators): Escolha uma visualização para tornar comparações, distribuições, hierarquias, relações e cronogramas claros.