带有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进度条

回答

相关问题