Показать сообщение отдельно
  #1 (permalink)  
Старый 15.12.2015, 12:31
Новичок на форуме
Отправить личное сообщение для akkord87 Посмотреть профиль Найти все сообщения от akkord87
 
Регистрация: 04.06.2014
Сообщений: 9

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

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

Вот пример http://jsfiddle.net/...mbedded/result/

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

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