Progresso Circular Animado

Sobre

Medidor circular que enche até o valor e conta o número no centro, com cor, tamanho e duração configuráveis. Acessível como progressbar.

Detalhes

Categoria

Interface

Tipo

Componente

Framework

React

Tecnologias

React, SVG

Publicado em

25 de outubro de 2026

Base

Adaptado de Animated Circular Progress Bar · Magic UI (licença MIT)

Dependências e requisitos

• react>=18

  Biblioteca de interface.

• Projeto React 18+. Não depende de Tailwind.

Arquivos incluídos

• components/integra/progresso-circular.tsxtsx

Como usar

import ProgressoCircular from "@/components/integra/progresso-circular";

<ProgressoCircular value={72} label="meta do mês" />