javascript – 如何平稳地动画化twitter-bootstrap进度条？

我在屏幕底部有一个30秒钟的多玩家游戏.
如果玩家没有任何动作30秒,表单提交.

var Progressvalue = 0;
function showProgress() {
    Progressvalue += 100/30;
    if (Progressvalue > 100) {
        $('form').submit();
    }
    // Ajax is done here to see if anyone has made a move.
    $('.progress .bar').css('width',Progressvalue + '%');
    setTimeout(showProgress,1000);
}

setTimeout(showProgress,1000);

@H_675_5@每一秒钟,我检查应用范围,看看有没有人改变了它的价值

Application.LastMove

@H_675_5@我希望进度条能顺利地动画,但是我不想通过减少超时值来做到这一点.我认为检查每个人是否有人已经采取行动,每秒服务器上已经有足够的负载.

@H_675_5@我听说过WebSockets,但是我现在的服务器是ColdFusion 8,所以(我想),除了觉得ajax不那么优雅,文明较少的年龄之外,我很满意每秒进行ajax调用.

@H_675_5@问：你如何将twitter-bootstrap进度条从3.3％平均提高到6.6％？

.bar {
  -webkit-transition: width 30.0s ease !important;
     -moz-transition: width 30.0s ease !important;
       -o-transition: width 30.0s ease !important;
          transition: width 30.0s ease !important;
}