我有來自 $row['nomor'] 的資料,并使用引導程式將其轉換為進度條。我的問題是,你能不能,如果 'nomor' 低于 40(例如),它會將 div 類更改為 div vertical-align: inherit;">bg-danger ",因此基于引導欄將其顏色更改為紅色,并且很快。
<?php
$hasil=mysqli_query($mysqli,"SELECT * from test");
$row=mysqli_fetch_array($hasil);
?>
<tr>
<td><a href="pages/examples/invoice.html"><?php echo $row['nama']; ?></a></td>
<td><?php echo $row['nomor']; ?></td>
<td><span class="badge rounded-pill bg-danger">Realisasi</span></td>
<td><div class="progress progress-sm">
<div class="progress-bar progress-bar-striped bg-success progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: <?php echo $row['nomor']; ?>%"><?php echo $row['nomor']; ?>%</div></div></td>
</tr>
uj5u.com熱心網友回復:
你可以做這樣的事情。
<?php
$hasil=mysqli_query($mysqli,"SELECT * from test");
$row=mysqli_fetch_array($hasil);
$progressBarClass = "bg-danger";
if ($row['nomor'] < 40){
$progressBarClass = "bg-warning";
}
elseif($row['nomor'] < 80){
$progressBarClass = "bg-primary";
}
else{
$progressBarClass = "bg-success";
}
?>
<tr>
<td><a href="pages/examples/invoice.html"><?php echo $row['nama']; ?></a></td>
<td><?php echo $row['nomor']; ?></td>
<td><span class="badge rounded-pill bg-danger">Realisasi</span></td>
<td><div class="progress progress-sm">
<div class="progress-bar progress-bar-striped <?php echo($progressBarClass); ?> progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: <?php echo $row['nomor']; ?>%"><?php echo $row['nomor']; ?>%</div></div></td>
</tr>
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/352661.html
標籤:php html css bootstrap-4
上一篇:如何在PHP中抓取頁面?
