Как диапазон медленно растягивается на 100%?

Question

Добрый день.

<style> 
.orange > span { 
background-color: #e01700; 
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ff4e00),color-stop(1, #e01700)); 
background-image: -webkit-linear-gradient(top, #ff4e00, #e01700); 
background-image: -moz-linear-gradient(top, #ff4e00, #e01700); 
background-image: -ms-linear-gradient(top, #ff4e00, #e01700); 
background-image: -o-linear-gradient(top, #ff4e00, #e01700); 
} 
</style> 

<div class="meter orange"> 
       <span style="width: 70%"></span> 
      </div> 

Я хотел бы, что продолжительность медленно медленно растягивается на 100%.

Как это можно сделать?

Answer 1

Вы можете использовать $.animate

$('span').animate({ width: '100%' }, 1000);