title: Multiple Jquery UI Progressbar
body: <p>I have multiple Progressbars on my website such as below, each must contain different values depending on the value I put on the value attribute. The code is working, however, it only gets the first value which is 40 and apply this value to all progressbar. I have posted the javascript as well below please let me know what I am doing wrong. </p>
  
  <pre><code>&lt;div value="40" class="progressbar"&gt;&lt;/div&gt;
  &lt;div value="70" class="progressbar"&gt;&lt;/div&gt;
  &lt;div value="90" class="progressbar"&gt;&lt;/div&gt;
  
  
  &lt;script&gt;
    $(function() {
      $( ".progressbar" ).progressbar({
        value: parseInt($(".progressbar").attr('value'))
      });
    });
    &lt;/script&gt;
  </code></pre>