Reload bar like Gears Of War

Hi guys, i want to made a reload bar like the reload bar in gears of war (take a look at the attachment).

Do you have some idea about how to do it?

2366581--160688--Sucsses.jpg

use a UI slider set to non interactive and modify it’s value over time. Add another background element for the success region, take the value of the slider when the user clicks and compare it to the upper lower bound values of the success region etc…

iirc the game mechanic is called “active reload”