How to achieve progress-bar animation on ion-item or header(footer)-bar



I have a ion-item witch show name on the left and percentage on the right, just like:

<a class="item item-light" href="#">
Record album
<span class="item-note">

I want when the page shows, a calm bar grow from left(0%) to right(60% set by controller) like progress bar while installation, any idea to achieve that?

Thanks for your help!

How can I make a progress bar animation stretch across an ion-item?