跨度如何缓慢延伸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>

我希望 span 慢慢拉伸100％。

如何做到这一点？

Answer 1

您可以使用$.animate

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