Анимация числа, при изменении ширина HTML элемента

[Akkord87]

Здравствуйте! Помогите разобраться с динамической анимацией числа в блоке, интересует решение только на чистом javascript.

 

Имеется блок с размерами 25 на 25px, в блоке находится число (0%), при клике по этому блоку происходит событие, которое задает блоку величину (в данном случае 75%), после чего его ширина плавно увеличивается на заданную величину. Но как привязать это динамическое увеличение и к числу, чтобы увеличение числа так же происходило синхронно при увеличении ширины блока до заданного числа, то есть до 75%?

 

Вот пример http://jsfiddle.net/56mg4xyf/embedded/result/

 

Может есть какое то событие, которое отслеживает состояние блока?

 

Буду благодарен, если подтолкнете в нужном направлении

[Igor Schnaider]

Можно конечно отслеживать значение ширины (например, по таймеру) и высчитывать процентное значение...
Но, мне кажется, лучше саму анимацию сделать на js, тогда и значение будет под рукой.