Question

我正在开发一个html看起来像这样的进度条

<div class="progressbar"><div class="text">%0 Completed</div>
            <div class="progressbar_inner"></div>
        </div>

并使用此jquery代码：

$(".progressbar_inner").animate({
                width:"20%"
            },100,function(){
                $(".text").html("%20 Completed");
                });

我的问题是：我想在动画开始和结束时打印进度条的百分比。像这样：％1完成％2完成等等有人帮我吗？

Answer 1

您可以使用animate-function的步骤选项：

$(".progressbar_inner").animate(
    {width:"50%"},
    {duration: 1000,
     step: function(current_number){
       $(".text").html(Math.floor(current_number) + "% Completed");
     }
    }
);

请参阅操作：http://jsfiddle.net/willemvb/JRqVw/

动画时打印进度条百分比

1 个答案: