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