Making a Progress Bar More

Making a Progress Bar More Exciting

I created an animated progress bar and reward system designed to make the journey towards a gift feel more exciting and engaging, rather than just showing a static progress bar.

I added different states for the gift, including Halfway, 1 Day Away, and Ready, along with particle and gleam effects to give players a sense of progress and anticipation.

I also made the system flexible and configurable. Using Rive’s Formula Converter, we can adjust the number of checkpoints per round and days per checkpoint to configure the meter for different scenarios.

The gift state and progress bar animation can also be automatically controlled by the completed day, allowing the animation to respond dynamically to the player’s progress.

A great combination of animation, interaction, and Rive logic to make progression feel more rewarding.

Give it a try 👉 https://rive.app/s/h-knEDf7fE6B_P8HT7eYkA/?runtime=rive-renderer