Question

我想在一个范围内显示该值，但我不知道如何做到这一点。

这是我的Javascript：

$(".progressbar-count").each(function() {
    $(this).progressbar({
        value: parseInt($(this).attr("value"))
    }), $(".progressbar-count .ui-progressbar-value").animate({
        width: 0
    }, 0).stop().animate({
        width: $(".progressbar-count").attr("value")
    }, 3500)
});

正如您所看到的，我对进度条进行了动画处理，因此跨度中的值必须与动画进度条一起计算。

我的HTML：

<span class="percent"></span>
<div class="progressbar-count" value="100%"></div>

Answer 1

试试这个http://jsfiddle.net/Tentonaxe/tePc3/，它使用Ben Nadel在http://www.bennadel.com/blog/2007-Using-jQuery-s-animate-Method-To-Power-Easing-Based-Iteration.htm

制作的缓动插件

谷歌在工作中的力量。

Answer 2

＆GT;

显示价值： $ j（“＃progressBar”）。children（'span.caption'）。html（$ j（“＃progogressBar”）。progdbar（“value”）+“％”）;

Answer 3

<div id="progressBar">
<span class="caption" style="position:absolute;margin-left: 5%;margin-top: -5px;">
</span>
</div>

$j("#progressBar").children('span.caption').html($j( "#progressBar" ).progressbar( "value" ) + "%");

跨度中的JqueryUI进度条值

3 个答案: