jQuery的进度标签没有动画

-1

我想用jQuery制作一个进度条，上面写有标签。没有标签，它按预期工作。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>

来源

2017-09-21 aleksandar

什么是'view.dialog'？ – zero298

它只是针对上下文，在较大的jsp中有很多div和跨度。你可以忽略它。 – aleksandar

我认为，可能会发生的是，当您添加标签，该标签被覆盖进度条背景，以动画的发生，但你可以看到。尝试添加该班...

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

...如果你verifiy是这样的原因，仅仅适用于您的标签你想要的款式，注意这一点。

我希望它有帮助...

来源

2017-09-22 08:42:06

jQuery的进度标签没有动画

回答

相关问题