Progresso Sequencial

Por padrão, a barra ReadNinja se atualiza continuamente à medida que o leitor rola — a cada poucos pixels de rolagem, a barra cresce. O progresso sequencial substitui esse comportamento por uma barra em etapas: o progresso avança em incrementos discretos em vez de deslizar suavemente.

Opções

O tamanho da etapa é a granularidade de cada salto. Uma etapa de 10% significa que a barra passa por 10 estados discretos (10%, 20%, 30%… 100%) ao longo do artigo inteiro.

A duração da animação controla a duração de cada salto. 200 ms dá um efeito rápido, 600 ms um efeito deliberado. 400 ms é o equilíbrio padrão.

Como fica

Com o tamanho de etapa padrão de 10%, a barra salta de 0% para 10%, depois para 20%… em vez de se atualizar a cada evento de rolagem. Entre dois marcos, a barra permanece fixada na última porcentagem atingida. Quando o leitor ultrapassa o próximo marco, a barra anima exatamente uma etapa.

O efeito percebido se assemelha mais a uma lista de progresso do que a uma barra de rolagem — cada salto parece uma pequena recompensa, o que funciona particularmente bem em conteúdos longos.

Quando usar

• Artigos longos — conteúdos com 3.000+ palavras onde uma barra contínua pode parecer que quase não se move.
• Tutoriais e guias — os leitores param naturalmente para absorver cada seção, tornando o marco significativo.
• Conteúdo de progressão — qualquer artigo onde você quer que o leitor sinta que está avançando visivelmente, em vez de progredir lentamente em uma linha contínua.

Em artigos muito curtos (menos de 500 palavras), o progresso sequencial geralmente é muito brusco para ser agradável — fique com o modo contínuo padrão nesse caso.