jquery - 跨度如何慢慢拉伸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);