Mensagens de status

Scroll Position Progress Bar

Uma barra fina que cresce na largura de um contêiner conforme o usuário o rola do início ao fim.

Deploy log0%

Scroll the panel below

Sep 2v2.6.0
Field notes now sync across drafts without duplicate entries on flaky connections.
Aug 26v2.5.3
Fixed a rounding error that clipped the last row on the trail elevation charts.
Aug 19v2.5.2
Offline caching now keeps the last four surveyed routes instead of one.
Aug 12v2.5.0
Added weight tags to gear lists so a kit total updates as items get checked off.
Aug 5v2.4.1
Camera roll imports keep their original capture time instead of import time.
Jul 29v2.4.0
Route sharing links now expire after 30 days unless pinned by the owner.

Como usar Scroll Position Progress Bar

Uma barra fina que cresce na largura de um contêiner conforme o usuário o rola do início ao fim.

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: accentColor, barHeight, springStiffness, trackGlobalPage

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

2117Breathing dot loaderMensagens de statusPontos que permanecem parados e respiram em vez de se moverem, inchando e escurecendo, de modo que a linha parece um batimento cardíaco lento.

1937Click ripple burstMensagens de statusUm efeito de feedback de ponteiro que gera uma breve forma animada exatamente onde o usuário clica ou toca.

2122Click spark burstMensagens de statusCada pressão lança um anel de linhas curtas a partir do ponto exato de contato, cada uma se esticando e encolhendo até virar nada enquanto voa.

2129Content Loading CardMensagens de statusUm espaço reservado em forma de cartão que respira com um pulso lento de opacidade enquanto um grande bloco de imagem e duas linhas de texto ainda estão sendo carregados.

1945Count badge clusterMensagens de statusUma fileira de comprimidos de palavras e tokens numéricos compactos para rotular ou contar coisas em linha.

2138Curtain line loaderMensagens de statusUma cortina de carregamento que se esconde atrás de uma linha brilhante, mostrando o conteúdo final em vez de esmaecê-lo.