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