Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
English
Description
This pattern provides a fixed, animated bubble that indicates reading progress, helping users understand their position within long articles and enhancing content appreciation.
VotesUp
VotesDown
Pattern ID
91
UX Flows
Pathfinding
Awareness
Appreciation
UI Components
Infinite Scroll
Pagination
Animation
Fixed on Scroll
Progress State
Empty State
Version
2.1.19
聽
TechCrunch
Scrolling throw article
Why is this a good pattern?
鉁达笍 Vibrant color allow users to visualize the status bar.
鉁达笍 Status bar growing and shrinking with scroll gives a clear map of your reading position.
鉁达笍 Same element allows to cancel/close the article when user is done reading.
鉁达笍 Once it reaches the end, it shows a check mark to indicate success.
Related Patterns
聽
聽