Barra de progresso de leitura
Sempre comece a ler um artigo longo e se pergunte quanto resta? assim também seus visitantes A Barra de Progresso de Leitura por Master Addons corrige que É uma barra fina e inteligente que se enche à medida que você rola a página Você pode adicioná-la a qualquer página ou postar em segundos a partir da direita dentro das Configurações de Página do Elementor Personalize suas cores, posição e velocidade para combinar com seu site perfeitamente É um toque minúsculo que faz seu conteúdo parecer mais envolvente e mais fácil de navegar Deixe seus leitores verem seu progresso e ficar por perto até o final.
Esta extensão rastreia a rolagem Para mostrar um gol ou uma pontuação como uma linha, círculo ou medidor de ventilador, use o Widget da Barra de Progresso. Para obter uma lista de barras de habilidade, use Barras Progresso.
Ligue-o e coloque-o onde quiser
Sem codificação, sem confusão Basta inverter o interruptor “Ativar barra de progresso de leitura” nas configurações da sua página Então decida onde ele deve viver preso no topo da visualizaçãoO porto é o ponto clássico, mas é sua escolha Ele detecta automaticamente a altura da página inteira e começa a preencher o momento em que um visitante começa a rolar.
- Habilitar comutador único: Encontre a configuração correta no painel Configurações de página em “Configurações gerais” e ative globalmente ou por apenas uma página.
- Superior ou Inferior: Escolha Posição para bloquear a barra na parte superior ou inferior da tela para que fique sempre visível.
- Rastreamento Automático: A barra calcula de forma inteligente o comprimento total da página e atualiza o preenchimento em tempo real à medida que o usuário rola.
Faça parecer parte da sua marca
Uma barra azul padrão pode não caber no seu site É por isso que você obtém controle total sobre como ele parece Combine as cores da sua marca, ajuste a espessura e controle o quão suavemente ele anima Torná-lo sutil ou torná-lo destaque - depende completamente de você e do seu design.
- Cores Personalizadas: Defina duas cores: a Cor de Fundo para a faixa vazia e a Cor de Preenchimento para o progresso em movimento.
- Ajuste a espessura: use o campo Altura (como 5 px ou 10 px) para tornar a barra fina e discreta ou grossa e ousada.
- Sintonize a animação: controle a velocidade da animação para que a barra se encha suavemente e pareça natural, não irregular ou lenta.
Perguntas frequentes para leitura da barra de progresso
A barra de progresso funciona em telefones celulares?
Sim, com certeza faz! a barra é totalmente responsiva Ele vai aparecer na parte superior (ou inferior) da tela em telefones e tablets, ajustando seu tamanho e comportamento para funcionar perfeitamente em telas menores.
Posso adicionar isso a algumas páginas, mas não a outras?
Absolutamente. Como é controlado a partir das Configurações de Página para cada página individual ou postagem que você cria com o Elementor, você tem controle total Habilite-o em suas longas postagens de blog e tutoriais, e deixe-o fora de sua página de contato curta É uma decisão por página.
Isso vai desacelerar meu site?
De jeito nenhum É um recurso muito leve que usa recursos mínimos É apenas um pouco de CSS e JavaScript para calcular a posição de rolagem Você não vai notar nenhum impacto na velocidade de carregamento da sua página.
E se a cor da barra colidir com o meu menu de cabeçalho?
Essa é a melhor parte (você pode corrigir isso em segundos).Vá apenas para as configurações e altere a cor de fundo e a cor de preenchimento para o que quiser. Escolha cores que contrastem perfeitamente com seu cabeçalho para que a barra fique sempre visível, mas nunca entre em conflito.
Widgets e extensões de elementos de tendência
Construa sites sofisticados em menos tempo.
Glassmorphismo
Contêiner Extras
Padrões
Duplicador de postagem/página
