Pattern ID
91
Date Added
Apr 5, 2021 03:17 PM
Device
Desktop
OS
Web
Language
English
Flows
Pathfinding
Awareness
Appreciation
Components
Infinite Scroll
Pagination
Animation
Fixed on Scroll
Progress State
Empty State
Components*
Flows*
Related patterns
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.