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()方法不涉及可见性。

Bootstrap / bootflat和jQuery进度条

1 个答案: