Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
English
Pattern ID
158
UX Flows
Awareness
Pathfinding
UI Components
Progress State
Notification Badge
Navbar
Fixed on Scroll
Version
McKinsey Blog
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.
How could this be improved?
▼ When status bar reaches the end there should be a strong action to follow. Such us recommended related article to keep reading, a clear call-to-action to share on social networks or suscribe for more content.