0

Bootstrap のプログレス バーを 5 秒ごとに 100% にすることはできますか?

    <div class="progress progress-striped active">
      <div class="bar" style="width: 40%;"></div>
        </div>

プログレス バーは width スタイルで塗りつぶされるため、上記の例では 40% 完了しています。

5 秒で最大 100% までスムーズにロードし、0 にリセットして再起動を繰り返すにはどうすればよいですか?

ありがとう。

4

1 に答える 1

1

この回答では、@ Blenderのアプローチを少し変更して永久に実行しました。

このために、関数completeの引数を使用していanimateます。
http://jsfiddle.net/xXM2z/490/
完全な JS コード: 

$(document).ready(function(){
   animateScroll();
});

function animateScroll()
    {
    $('.bar').animate({
    width: '100%'
}, {
    duration: 5000,
    easing: 'linear',
    complete:function(){ $(this).css("width","0%");
   }
});
animateScroll();
}
于 2012-10-28T00:39:16.653 に答える