Progress Bar not work in repeat region

Progress Bar not work in repeat region

Hi I have a repeat region that call a list of data from mysql database. on each line I want to display a progress bar. The issue I'm having is the the progress bar only shows for the first line?? See image below

I very new to jquery so any help would be great

Cheers Chris

  3.       <?php do { ?>
  4.         <div id="report">
  5.           <table width="100%" border="0" cellspacing="5" cellpadding="0">
  6.             <tr>
  7.               <td align="left" width="60"><?php echo $row_rsProgress['worksorder']; ?></td>
  8.               <td align="left" width="120"><?php echo $row_rsProgress['customer']; ?></td>
  9.               <td align="left" width="120"><?php echo $row_rsProgress['department']; ?></td>
  10.               <td align="left" width="60"><?php echo $row_rsProgress['status']; ?></td>
  11.               <td align="left" width="200"><div id="progressbar"></div>
  12. <script>
  13. $( "#progressbar" ).progressbar({
  14.   value: 50
  15. });
  16. </script></td>
  17.             </tr>
  18.           </table>
  19.   </div>
  20.         <?php } while ($row_rsProgress = mysql_fetch_assoc($rsProgress)); ?>