JqueryUI在一個範圍內的進度條值

我想顯示一個跨度中的值，但我堅持如何做到這一點。JqueryUI在一個範圍內的進度條值

這是我的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>

來源

2011-12-22 Maanstraat

嗯...你想要這個：http://jsfiddle.net/bvxej/，但跨度從0-100％與進度條？ – 2011-12-22 16:12:59

沒錯！ – Maanstraat 2011-12-22 16:20:55

試試這個http://jsfiddle.net/Tentonaxe/tePc3/，它使用由本·納德爾建立了一個寬鬆的插件在http://www.bennadel.com/blog/2007-Using-jQuery-s-animate-Method-To-Power-Easing-Based-Iteration.htm

谷歌工作時的功率。

來源

2011-12-22 16:28:45

看起來不錯！謝謝。 – Maanstraat 2011-12-22 16:32:29

已更新至更優化的版本 – 2011-12-22 16:40:35

現在有一個問題，當我將50％的值放入進度條去100％時？我怎樣才能改變這個？ – Maanstraat 2011-12-22 16:41:07

顯示值：。附加$ J（「＃進度條」），兒童（ 'span.caption'）HTML（附加$ J（「#progressBar」）.progressbar（「值」） +「％」）;

來源

2012-12-24 12:27:16 ThmHarsh

以更好的格式發佈後，您可能需要刪除此信息。 – 2012-12-24 12:44:42

<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") + "%");

來源

2012-12-24 12:34:24 ThmHarsh

JqueryUI在一個範圍內的進度條值

回答

相關問題