0

任何人都可以帮助我尝试用 php 和 html 编写一个简单的代码，我的目标是通过数据库获取我的变量并发布数字并在最后添加一个 % 但我的代码让我感到困惑。

最后一个有效，但它是硬编码的。

点击这里查看图片。 http://i.stack.imgur.com/0Apoh.png 我要显示的黄色图表为 55%，其余的不会填写，例如底部图表。

<style type="text/css">
    .red {background-color: red;}
    .green {background-color: green;}
    .yellow{background-color: yellow;}
    .bar { width: 15%; border: 1px solid #000; background: grey; }
    </style>


    <?php   
    if ($percentage >= 51 && $percentage <= 74) {
    echo "<div class=\"bar\" align=\"left\"><div class=\"yellow\" style=\"width: $percentage %\">$percentage test</div></div>";
    } else if ($percentage >= 75){
    echo "<div class=\"bar\" align=\"left\"><div class=\"green\" style=\"width: $percentage \"%\">$percentage test</div></div>";
    } else if ($percentage >= 0 && $percentage <= 50) {
    echo "<div class=\"bar\" align=\"left\"><div class=\"red\" style=\"width:46%\">$percentage test</div></div>";
    }
    ?>
4

2 回答 2

0

我看不到您如何获得百分比值，但我可以看到您以 3 种不同的方式定义您的样式：第一种会产生：宽度：33 像素；这在某种程度上是正确的，但第二个是错误的，正确的是：

echo "<div class=\"bar\" align=\"left\"><div class=\"red\" style=\"width:$percenage%\">$percentage test</div></div>";

或者

echo "<div class=\"bar\" align=\"left\"><div class=\"red\" style=\"width:".$percentage."%\">$percentage test</div></div>";

这是为了完成上面的答案。我忘了你也可以使用 !important 参数。... 宽度：$percantage% !important;

于 2013-03-26T17:39:06.807 回答
-1

你不能把变量放在这样的字符串中。所以你应该这样做：

if ($percentage >= 51 && $percentage <= 74)
    echo "<div class=\"bar\" align=\"left\"><div class=\"yellow\" style=\"width:". $percentage." %\">".$percentage." test</div></div>";
于 2013-03-26T17:36:24.757 回答