Mensagens de status

Labeled progress bar

Uma trilha de progresso rotulada cujo preenchimento atinge uma nova largura enquanto uma leitura percentual conta suavemente para corresponder.

Export data45%

Como usar Labeled progress bar

Uma trilha de progresso rotulada cujo preenchimento atinge uma nova largura enquanto uma leitura percentual conta suavemente para corresponder.

Teste a prévia com o mouse e o teclado. Verifique o foco visível e o layout em telas estreitas na sua página. Informe o número ou o identificador do componente ao seu agente de programação.

Propriedades: value, accentColor, label, trackHeight

Quais frameworks estão disponíveis?

O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.

Como acessar a implementação?

O código, as versões e os comandos de instalação estão disponíveis no painel acima.

Conecte seu agente

Componentes relacionados

2051Spring Fill ProgressMensagens de statusUma trilha de progresso estreita cujo preenchimento desliza para cada novo valor em uma mola, com uma leitura que conta junto com ela.

2262Upload Progress LineMensagens de statusUma barra de progresso fina e animada que conta uma tarefa como um upload de arquivo de zero até a conclusão, com uma leitura de porcentagem e uma animação de liquidação no final.

1958Fill progress loading textMensagens de statusUm rótulo de carregamento é um contorno tênue de si mesmo, enquanto uma cópia de cor sólida o preenche a partir da esquerda, como uma barra de progresso no formato da palavra, movendo-se para frente e para trás enquanto o trabalho acontece.

1959Fill sweep loading textMensagens de statusUma etiqueta de carregamento cujo contorno tênue fica sob uma cópia totalmente colorida que entra da esquerda, atinge toda a largura e drena de volta, repetindo-se enquanto algo é carregado.

2032Segmented progress meterMensagens de statusUm medidor de progresso desenhado como uma fileira de entalhes que acendem por sua vez, com um entalhe inicial parcialmente preenchido e uma legenda nomeando o estágio atual.

2250Sweeping progress barMensagens de statusUma barra de carregamento indeterminada em uma estrutura em forma de pílula, crescendo do nada até a largura total e voltando ao nada em um loop suave e infinito.