Question

I am busy with some progressbars and the simple ones i can get working but how can i put the values of the progressbar in the HTML?

Example what i want:

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

Here is the JS what i now have

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

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

And how can i let them grow? (Like from 0 to 50)

Answer 1

This is working for me:

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)
});

Now i can set the value in the HTML and it’s counting up to that number!