A visual charge meter that tracks progress in a more expressive way than a basic percentage bar. Each block powers up incrementally, creating a rhythmic build-up toward 100%. Designed for dashboards, onboarding flows, or gamified experiences.
Meter Progress UI
π― Objective
To reimagine a traditional loading or progress indicator into something dynamic, and animated. This is reflecting momentum rather than just static data.
π Tools Used
Rive β Animation & logic
π§ How It Works
Starts at 10%, visually charging each block clockwise
Simple structure, but multi-dimensional motion
β οΈ Challenges
Making progress feel natural and engaging, (not robotic)
Keeping the animation light, without distracting users