Question

I need to link an undefined number of input type=”hidden” to some progress bar of JQuery UI (http://jqueryui.com/demos/progressbar/). I never have the same number of hidden and progress bar for each user i use. (If i have 5 user, i will have 5 progress bar and 5 hidden)

I would like to know how could i, dynamically, detect the number of input type=”hidden” and progress bar and link them.

Thanks

Answer 1

Is this what you want?

$('input:hidden').each(function(i, input) {
    $('.progressBar').eq(i).progressbar({
        value: Number($(input).val())
    });
});

Example: http://jsfiddle.net/william/LZCqA/