帶有HTML值的JQuery UI進度條

我忙於一些進度條和簡單的我可以工作，但我怎樣才能把進度條的值放在HTML中？帶有HTML值的JQuery UI進度條

實例我想要什麼：

<span>here the value</span> 
<div class="progressbar" value="50"></div>

這裏是JS什麼，我現在

$("div.progressbar").each(function() { 
    var element = this; 

    $(element).progressbar({ 
     value: parseInt($(element).attr("value")) 
    }); 
});

，我怎麼可以讓他們成長？（比如從0至50）

來源

2011-12-22 Maanstraat

這是爲我工作：

HTML：

<div class="progressbar" value="20%"></div>

的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中的價值和它的數到這個數字！

來源

2011-12-22 15:09:24 Maanstraat

您可以設置進度的這樣的值：

$（「.progressbar」）.progressbar（{ 值：50 }）;

，或者你可以得到價值，最小值和最大值是這樣的：

var value = parseInt($(".progressbar").attr('value')); 
var min = parseInt($(".progressbar").attr('min')); 
var max = parseInt($(".progressbar").attr('max'));

，然後將該值設置爲progresbar。

例如：

if (value >= min && value <= max) 
{ 
    $(".progressbar").progressbar({ 
     value: value 
    }); 
}

對於數字動畫看到：Jquery Plugin for animating numbers

來源

2011-12-22 13:53:48 scripto

給跨度的ID和使用變化情況：

$("div.progressbar").each(function() { 
    var element = this; 

    $(element).progressbar({ 
     value: parseInt($(element).attr("value")), 
     change: function (e, ui) { 
      $("#id_of_your_span").text(ui.value); 
     } 
    }); 
});

來源

2011-12-22 13:55:28 danwellman

帶有HTML值的JQuery UI進度條

回答

相關問題