Adicionar uma Barra de Progresso de Leitura no WordPress (Elementor)
A Barra de Progresso de Leitura é uma extensão gratuita dos Master Addons que adiciona uma barra fina na parte superior ou inferior da tela e a preenche à medida que os visitantes rolam para baixo na página Você a liga por página ou postagem nas Configurações de página do Elementor, depois define a posição, altura, cor da trilha, cor de preenchimento e velocidade da animação. Ela se adapta a artigos longos, tutoriais, documentação e páginas legais onde os leitores gostam de saber quanto resta.
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 por página, superior ou inferior
Abra a página ou postagem no Elementor, clique no ícone de engrenagem para Configurações de página (Postar configurações em postagens) e expandir o Barra de progresso de leitura seção. Ligue Activar a Barra de Progresso da Leitura e definir Posição para Cima ou Inferior A barra é fixada na borda da tela e preenche de 0 a 100% à medida que o visitante rola da parte superior da página para a parte inferior.
- A configuração é salva por página, portanto, habilite-a em postagens longas e deixe-a fora de páginas curtas Não há troca em todo o site.
- Funciona em páginas e posts construídos com o Elementor, uma vez que o switch vive nas Configurações de Página do Elementor.
- O progresso cobre toda a altura da página, incluindo o cabeçalho, os comentários e o rodapé, não apenas o texto do artigo.
- Para usuários logados, a barra desce abaixo da barra de administração do WordPress.
Altura, Cores e Velocidade de Animação
Definir Altura de 0 a 100px (5px por padrão). Cor de fundo colore a faixa vazia (branco por padrão) e Preencher Cor colore o progresso (azul #007bff por padrão). Velocidade Animação define quão suavemente o preenchimento segue a rolagem, de 0 a 1000 milissegundos, 50 por padrão.
- Você pode escolher cores globais do seu kit Elementor para a pista e preencher.
- Uma barra de 3 a 6 px é perceptível sem cobrir o cabeçalho.
- Uma velocidade de animação mais baixa parece mais direta, uma velocidade mais alta, mais suave, mas ligeiramente atrasada.
Elementor Pro Progress Tracker vs Barra de Progresso de Leitura
Elementor Pro tem um widget Progress Tracker que faz um trabalho semelhante com mais opções Aqui é como os dois se comparam.
| Característica | Rastreador de progresso Elementor Pro | Barra de progresso de leitura de complementos mestres |
|---|---|---|
| Preço | Precisa do Elementor Pro | Grátis com complementos mestres |
| Como você adiciona | Um widget, geralmente colocado em um cabeçalho ou modelo de postagem única | Um interruptor nas Configurações de Página de cada página |
| Formas | Horizontal ou circular | Barra horizontal |
| Faixas | Página inteira, conteúdo de postagem ou um seletor CSS | Página inteira |
| Rótulo percentual | Sim, opcional | Não |
| Colocação | Onde quer que você coloque o widget, com opções de direção | Fixado na parte superior ou inferior da tela |
Escolha o Progress Tracker do Elementor Pro se precisar dele em cada postagem de um modelo, um estilo circular ou progrida apenas pelo artigo Escolha a Barra de Progresso da Leitura para uma barra simples e gratuita nas páginas selecionadas Emparelhe-a com o grátis Índice widget em postagens longas.
Como adicionar uma barra de progresso de leitura no WordPress
Você precisa do Elementor e do plugin gratuito Master Addons, com a página ou postagem editada no Elementor.
- Instalar e ativar Complementos Master do WordPress.org& verifique se a Barra de Progresso da Leitura está activada em Complementos Mestres, Extensões.
- Abra a postagem ou página com Elementor.
- Clique no ícone de engrenagem para abrir Configurações de página (Configurações de postagem nas postagens).
- Expandir Barra de progresso de leitura e liga-te Activar a Barra de Progresso da Leitura.
- Escolha Superior ou Inferior, depois defina Altura, Cor de Fundo, Cor de Preenchimento e Velocidade de Animação.
- Atualize a página e role-a na extremidade frontal para verificar a barra.
Perguntas frequentes para leitura da barra de progresso
A Barra de Progresso da Leitura é gratuita?
Sim. é uma extensão gratuita no plugin Master Addons no WordPress.org e funciona com Elementor gratuito Ele mostra em telefones e tablets também, fixado na borda superior ou inferior.
Posso adicioná-lo a algumas páginas, mas não a outras?
Sim, e essa é a única maneira de funcionar O switch está nas Configurações de Página do Elementor de cada página ou postagem, então ligue-o para postagens longas e deixe-o fora em outro lugar Não há configuração global para adicioná-lo a cada postagem de uma só vez.
Isso vai desacelerar meu site?
Não. Ele adiciona um pequeno script inline e algumas linhas de CSS nas páginas onde está habilitado, sem arquivos ou imagens extras.
Mede apenas o artigo ou a página inteira?
A página inteira O preenchimento vai do topo da página até a parte inferior, então cabeçalhos, comentários e rodapés também contam O Progress Tracker do Elementor Pro pode rastrear apenas o conteúdo da postagem se você precisar disso.
Widgets e extensões de elementos de tendência
Construa sites sofisticados em menos tempo.
Glassmorphismo
Contêiner Extras
Padrões
![Extensão Master Addons Post/Page Duplicator para Elementor: MA Link de linha Duplicator na lista de páginas WordPress criando uma página de destino - rascunho [duplicado #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicador de postagem/página
