Заполните прогресс бар со значением PHP

Question

Я хотел бы сделать некоторый прогресс бар как по этой ссылке:

http://www.metallicabyrequest.com/results.php?s=70

И я эту таблицу с 3 колонками и прогресс бар должен заполняться значением из третьего столбца :

http://jsfiddle.net/MetCastle/ensR2/

 <table> 
      <thead> 
       <tr> 
        <th>Song Name</th> 
        <th>% Ballots w/ Song</th> 
        <th># Votes</th> 
       </tr> 
      </thead> 
      <?php foreach($array as $element) { ?> 
      <tr> 
       <td class="name"><?php echo $element['name']; ?></td> 
       <td>PROGRESS BAR WITH 3 TD VALUE PERCENT</td> 
       <td><?php echo $element['votes']; ?></td> 
      </tr> 
      <?php } ?> 
     </table> 

Надеется, что вы можете понять, что я пытаюсь сказать, спасибо за вашу помощь!

Answer 1

Если у вас есть ряд Всего голосов ($ totalvotes), чтобы работать, и голоса для этого конкретного элемента ($ элемент [ «голоса»]) вы можете использовать следующие:

 <tr> 
      <td class="name"><?php echo $element['name']; ?></td> 
      <td> 
       <div style="background-color:#000;color:#fff;width:<?PHP echo ($element['votes']/$totalvotes)*100; ?>%"> 
        <?PHP echo floor(($element['votes']/$totalvotes)*100); ?>% 
       </div> 
      </td> 
      <td><?PHP echo $element['votes']; ?></td> 
     </tr> 

хотя кажется, что вам все равно необходимо предоставить данные (sql или other) для предоставления как общих бюллетеней, так и итоговых бюллетеней с этим элементом, поскольку я не думаю, что вы хотите создать процент, основанный на голосах за «этот» бюллетень от того, что Я вижу. Вы можете получить отдельные данные для голосования ($ totalBallots и $ ballotsWithThisElement), чтобы получить свой процент.