Flows
PathfindingAwarenessAppreciation
Components
ScrollPaginationAnimation & VideoFixed on ScrollProgress StateEmpty State
OS
Web
Modification Date
Mar 12, 2025 5:09 PM
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.