jQuery UI: múltiple barra de progreso - problemas para establecer valores dinámicos

Question

Tengo algunas barra de progreso (resultados de la búsqueda), cuyo valor se establece de forma dinámica en document.ready

<div class="progressbar" rel="21"></div> 
<div class="progressbar" rel="36"></div> 
<div class="progressbar" rel="44"></div> 
<div class="progressbar" rel="58"></div> 

Y

$(document).ready(function() { 

    $("div.progressbar").progressbar({ 
    value: $(this).attr("rel") 
    }); 
}); 

Este no parece funcionar En cambio, si valoro: 40, todo funciona, entonces el problema no está en la inclusión o el uso.

he intentado con $ .Cada también, pero nada

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

    console.log($(element).attr("rel")); //ok right value 

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

¿Alguna idea?

EDIT: Esto funciona

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

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

Answer 1

necesidad de enviar un número

progressbar => objeto valor => número entero

$(element).attr("rel") = "21" => string value 
parseInt($(element).attr("rel")) = 21 integer value 


$(document).ready(function() { 
    $("div.progressbar").progressbar({ 
    value: parseInt($(element).attr("rel")) 
    }); 
}); 

Answer 2

¿Ha intentado utilizar option method para modificar el valor en lugar de pasarlo como parametros de inicialización?