生成一个条形图与PHP HTML使百分比正确显示？

任何人都可以帮助我试图做一个简单的代码与PHP和HTML，我的目标是通过数据库获得我的变量和张贴数字，并在最后添加％，但与我的代码它让我感到困惑。生成一个条形图与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>"; 
    } 
    ?>

来源

2013-03-26 Dillan

我看不出你如何得到的百分比值，但我可以看到你在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>";

这是为了完成上面的回答。我忘了你也可以使用！重要的论点。 ...宽度：$ percantage％！important;

来源

2013-03-26 17:39:06

感谢它的工作，我用第一种方法:) – Dillan 2013-03-26 17:46:13

你能接受答案 - 绿色复选标记吗？ :) – 2013-03-26 17:50:54

是的，我当然确实抱歉新的stackoverflow。 – Dillan 2013-03-27 18:18:41

-1

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

if ($percentage >= 51 && $percentage <= 74) 
    echo "<div class=\"bar\" align=\"left\"><div class=\"yellow\" style=\"width:". $percentage." %\">".$percentage." test</div></div>";

来源

2013-03-26 17:36:24 Martinsos

仍然没有我认为这将工作，如果它在一张桌子也许？ – Dillan 2013-03-26 17:41:35

生成一个条形图与PHP HTML使百分比正确显示？

回答

相关问题