Bootstrap 4 进度条根据值更改颜色

我有一个progress\u profile字段，我在mysql中输入从1到100的值

$progress = $row['progress_profile'];

在引导条形码中，我把这个代码

<p class="bioheading">Profile Completed Progess</p>
<div class="progress">

<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: <?php echo $progress; ?>%;"><?php echo $progress . '% Profile Completed'; ?>
</div>
</div>

配置文件已完成进度

我希望根据进度文件中输入的值， 更改条的颜色

“例子”

从1到49红色

从50到90蓝色

从91到100绿色

多谢各位

<?php
$progress = $row['progress_profile'];
$color = '';
if ($progress > 90) {
    $color = 'green';
}else if($progress >= 50){
    $color = 'blue';
}else{
    $color = 'red';
}
?>

给你一个建议： 与其手动设置颜色，不如通过这种方式实现， 通过使用引导标准颜色

变化：

片段：

<?php
$progress = $row['progress_profile'];
$color = 'bg-';
if ($progress > 90) {
    $color .= 'success';
}else if($progress >= 50){
    $color .= 'primary';
}else{
    $color .= 'danger';
}

?>

进度条码：

<p class="bioheading">Profile Completed Progess</p>
    <div class="progress ">

    <div class="progress-bar <?php echo $color ?>" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: <?php echo $progress; ?>%;"><?php echo $progress . '% Profile Completed'; ?>
    </div>
    </div>
</body>

配置文件已完成进度

注意：您可以内联添加代码段，但可以将其添加到

$progress['progress\u profile']

之后

---

不工作，不从字段$progress=$row['progress\u profile']获取数据；Alex将代码段添加到

$progress=$row['progress\u profile']之后

从这里开始

$progress=60.0；

是的删除这一行我刚刚添加它是为了演示！你能分享一张图片吗，你得到了什么，浏览器截图？

<p class="bioheading">Profile Completed Progess</p>
    <div class="progress ">

    <div class="progress-bar <?php echo $color ?>" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: <?php echo $progress; ?>%;"><?php echo $progress . '% Profile Completed'; ?>
    </div>
    </div>
</body>