我正在寻找动画这个进度条,但我使用jQuery animate()
方法有不同的行为。我想以0.1s的延迟逐个动画进度条。我需要选择正确的动画方面的帮助,因为现在我的动画行为向下。我想尽可能以最简单的方式做到这一点。动画进度条向上
这是我到目前为止有:
$('.vertical-bars .progress-fill span').each(function() {
var percent = $(this).html();
var pTop = 100 - (percent.slice(0, percent.length - 1)) + "%";
$(this).parent().css({
'height': percent,
'top': pTop
});
$(this).parent().animate({
height: "toggle"
}, {
duration: 900,
specialEasing: {
height: "swing"
}
});
});
我准备了的jsfiddle我的进度条HERE。
正确的行为是向上填充进度条,例如在THIS示例中。