PHP 中的 Css 百分比值 - Css percentage value in PHP

Css percentage value in PHP

本文关键字：百分比 Css 中的 PHP | 更新日期: 2023-09-27

我正在尝试将结果显示为百分比条（css），我从mysql query中得到$row['Balai']，然后计算它的$proc，我也设置了$sum。它工作正常，但不是得到不同的inner值（bar），我总是得到相同的，所有的柱看起来都一样

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

试试这个：（请确保$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>";