Sequenzieller Fortschritt

Standardmäßig aktualisiert sich die ReadNinja-Leiste kontinuierlich, während der Leser scrollt — bei jedem einige Pixel Scrollen wächst die Leiste. Der sequenzielle Fortschritt ersetzt dieses Verhalten durch eine stufenweise Leiste: der Fortschritt schreitet in diskreten Schritten voran, anstatt sanft zu gleiten.

Optionen

Die Stufengröße ist die Granularität jedes Sprungs. Eine Stufengröße von 10% bedeutet, dass die Leiste 10 diskrete Zustände durchläuft (10%, 20%, 30%… 100%) über den gesamten Artikel.

Die Animationsdauer steuert die Dauer jedes Sprungs. 200ms wirkt lebhaft, 600ms wirkt bedacht. 400ms ist der Standard-Kompromiss.

So sieht es aus

Mit der Standard-Stufengröße von 10% springt die Leiste von 0% auf 10%, dann auf 20% usw., anstatt sich bei jedem Scroll-Event zu aktualisieren. Zwischen zwei Meilensteinen bleibt die Leiste beim zuletzt erreichten Prozentsatz stehen. Wenn der Leser den nächsten Meilenstein überschreitet, animiert die Leiste genau einen Schritt weiter.

Der wahrgenommene Effekt ähnelt eher einer Fortschrittsliste als einer Scrollleiste — jeder Sprung fühlt sich wie eine kleine Belohnung an, was besonders gut bei langen Inhalten funktioniert.

Wann es einsetzen

• Lange Artikel — Inhalte mit 3.000+ Wörtern, bei denen eine kontinuierliche Leiste kaum zu bewegen scheint.
• Tutorials und Anleitungen — Leser halten natürlich inne, um jeden Abschnitt zu verarbeiten, was den Meilenstein bedeutsam macht.
• Fortschrittsinhalt — jeder Artikel, bei dem der Leser das Gefühl haben soll, sichtbar voranzukommen, anstatt langsam auf einer kontinuierlichen Linie zu scrollen.

Bei sehr kurzen Artikeln (unter 500 Wörtern) ist der sequenzielle Fortschritt in der Regel zu ruckartig, um angenehm zu sein — bleiben Sie in diesem Fall beim Standard-Kontinuumsmodus.