PHPのCssのパーセンテージの値

Question

結果をパーセンテージバー（css）で表示しようとしていますが、$row['Balai']をmysql queryから取得し、$procを数えて、$sumと設定します。それが正常に動作しますが、代わりに別のinner値（バー）を取得し、私はいつも同じとすべてのバーは同じ

while($row=$list->fetch_assoc()){ 
    $proc = round((($row['Balai']/$sum) * 100),1); ?> 
    <style type="text/CSS"> 
    .outter{ 
    height 25px; 
    width:500px; 
    border-right:solid 1px #000; 
    background-color: red; 
    } 
    .inner{ 
    height:25px; 
    width: <?php echo $proc ?>%; 
    border-right:solid 1px #000; 
    background-color:lightblue; 
    </style> 
    <tr> 
    <center> 
    <?php 
    echo "<td>" . $row['ID'] . "</td><td>" . $row['Vardas'] . "</td><td>" . $row['Pavarde'] . "</td><td>" . $row['Balai'] . "<td>"; ?> 
    <div class="outter"> 
    <div class='inner'><?php echo $proc ?>%</div> 
    <?php 
    echo "</td><br />"; 
    echo "</center>"; 
    echo "</tr>"; 
    $x++; 
    } 
    echo "</table>"; 
    echo "<b>100% sudaro: " . $sum . "</b>"; 

Answer 1

はこれを試してみてくださいに見えます：（$procの値が異なっていることを確認してください）

<style type="text/CSS"> 
     .outter{ 
     height 25px; 
     width:500px; 
     border-right:solid 1px #000; 
     background-color: red; 
     } 
     .inner{ 
     height:25px;  
     border-right:solid 1px #000; 
     background-color:lightblue; 
     </style> 
    <?php 
    while($row=$list->fetch_assoc()){ 
     $proc = round((($row['Balai']/$sum) * 100),1); ?> 

     <tr> 
     <center> 
     <?php 
     echo "<td>" . $row['ID'] . "</td><td>" . $row['Vardas'] . "</td><td>" . $row['Pavarde'] . "</td><td>" . $row['Balai'] . "<td>"; ?> 
     <div class="outter"> 
     <div class='inner' style='width: "<?php echo $proc ?>"%'><?php echo $proc ?>%</div> 
     <?php 
     echo "</td><br />"; 
     echo "</center>"; 
     echo "</tr>"; 
     $x++; 
     } 
     echo "</table>"; 
     echo "<b>100% sudaro: " . $sum . "</b>";