jquery - 複数の Jquery UI プログレスバー

Question

以下のような複数のプログレスバーがウェブサイトにあり、value 属性に設定した値に応じて、それぞれに異なる値を含める必要があります。コードは機能していますが、最初の値である 40 のみを取得し、この値をすべてのプログレスバーに適用します。以下にJavaScriptも投稿しました。何が間違っているのか教えてください。

<div value="40" class="progressbar"></div>
<div value="70" class="progressbar"></div>
<div value="90" class="progressbar"></div>


<script>
  $(function() {
    $( ".progressbar" ).progressbar({
      value: parseInt($(".progressbar").attr('value'))
    });
  });
  </script>

Answer 1

each()ループを使用して、対象の要素の参照を保持します。

$(function() {
    $( ".progressbar" ).each(function(){
       $(this).progressbar({
          value: parseInt(this.value,10)
       });
    });
});