0

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 完了 など 誰か助けてくれませんか?

4

1 に答える 1

1

animate-function のstepオプションを使用できます。

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

実際に見てください：http://jsfiddle.net/willemvb/JRqVw/

于 2013-03-29T16:28:46.007 に答える