This interaction introduces some simple mindfulness exercises. The example consists of:
1) an introduction page that explains the topic,
2) an interactive page where each click reveals one exercise as well as fills one section of the visual progress bar
3) an overview page with all exercises.
What is that example intending to do? When should the user use such a theme?
This example demonstrates how a visual progress indicator can improve the learning experience. This layout could be great for any theme that is related to self-improvement, be it mental or physical.
Now available online