Jquery 跨度如何缓慢地拉伸100%？

你好

<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>

.orange>span{
背景色：#e01700；
背景图像：-webkit渐变（线性、左上、左下、颜色停止（0，#ff4e00）、颜色停止（1，#e01700））；
背景图像：-webkit线性渐变（顶部，#ff4e00，#e01700）；
背景图像：-moz线性梯度（顶部，#ff4e00，#e01700）；
背景图像：-ms线性梯度（顶部，#ff4e00，#e01700）；
背景图像：-o-线性梯度（顶部，#ff4e00，#e01700）；
}

我希望span慢慢拉伸100%

---

如何做到这一点？

您可以使用

$。动画制作

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

您可以使用
$。设置动画

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

.animate（）中的第二个参数是毫秒。如果“slowly slow”表示5秒，则使用5000。animate（）中的第二个参数是毫秒。如果“缓慢”表示5秒，则使用5000