Question

我正在尝试使用带有标签的jQuery创建进度条。没有标签，它按预期工作。

当我将带有标签的div放入时，我可以更改数字（0到100％），但它不再具有动画效果。标签会发生变化，但条形图不会向右移动。

我只有下面的javascript和jsp：

var progressLabel = $(".progressLabel", view.dialog);
$( "#progress" , view.dialog).progressbar({ value: percentComplete*100 , 
                 change: function() { progressLabel.text( $( "#progress" , 
                    view.dialog).progressbar( "value" ) + "%" );
                 }});


<div id="progress">
    <div class="progressLabel">Importing Contacts</div>
</div>

Answer 1

我认为可能发生的事情是，当您添加标签时，该标签覆盖了进度条背景，因此动画正在发生，但您可以看到它。尝试添加此类...

.ui-progressbar {
    position: relative;
}
.progressLabel {
    position: absolute;
    left: 50%;
    top: 4px;
}

...如果您确认原因，只需在标签上注明您想要的款式，并注意这一点。

我希望它有所帮助...

jQuery进度标签没有动画

1 个答案: