javascript - Bootstrap/bootflat 和 jQuery 进度条

Question

当我使用 jQuery 将 html 页面加载到 div 中时，我试图获取一个进度条来显示和动画。

我的进度条来自 bootstrap (bootflat)，如下所示:

<div class="progress" style="visibility:hidden;">
    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">60%</div>
</div>

我的脚本如下所示:

$(document).ready(function(){
    $("#btnTicker").click(function(){
        var ticker = this.form.txtTicker.value;
        $("#progress-bar").show();
        $("#info").load('info.php?t=' + ticker, function() {
            success: $("#progress-bar").hide();
            } );        
    });
});

我只是不知道如何让进度条显示和移动；只是需要一些指导，因为我进行了谷歌搜索，但找不到任何针对初学者的教程(这就是我)。

谢谢

Answer 1

$("#progress-bar").show();

应该是

$("#progress-bar").css('visibility', 'visible');

show() 方法不处理可见性。