Progress Bar
📘 Modo de Uso
Uma Progress Bar é um indicador visual de progresso determinado, que mostra visualmente quanto de uma operação foi concluída, e quanto resta.
A barra de progresso é utilizada em operações onde o progresso pode ser medido, como upload de arquivos, download de dados, instalação de software, ou preenchimento de formulários longos.
Para compreender a árvore estrutural completa do componente progress bar, acesse aqui.
🧩 Anatomia
📋 Propriedades
⌨️ Código
opl.feedback.component.progressBar
🎨 Variantes
Estados (Semânticos)
Opções
📝 Observações
O componente Progress Bar possui configurações que permitem adaptá-lo a diferentes estados visuais, conforme a necessidade do processo de carregamento. As variações principais abordam semântica (primary, success, critical, warning, disabled) e porcentagem do carregamento.
Atenção: Alterações estruturais da Progress Bar devem ser feitas apenas na instância principal no Figma.
Evite editar manualmente subníveis, pois isso pode gerar inconsistências visuais e funcionais no componente.