Css Prozentwert in PHP

Question

Ich versuche, Ergebnisse als Prozentsatz Balken (CSS) anzuzeigen, bekomme ich $row['Balai'] von mysql query, dann zählen die $proc davon, ich setze $sum als auch. Es funktioniert gut, aber anstelle von verschiedenen inner Wert (bar) bekommen ich immer gleich und alle Bars sieht gleich

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

Versuchen Sie folgendes: (Stellen Sie sicher, der Wert von $proc unterscheidet)

<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>";