取得PHP CSS和HTML进度条

Question

我用PHP，CSS和HTML制作了进度条。 很好，它可以正常工作，但是例如用户有6/6的耐力。 条形将是100％的6％。 我将如何改变呢？ 这是下面的代码。

<div class="progress-outer">
    <div class="progress-inner" 
    style="width: <?php echo $energy ?>%;">Energy:<?php echo $energy . '/' . $max_energy ?></div>
    </div>​     

CSS是..

.progress-outer {
background: #000000;
height: 20px;
padding: 2px;
border: 1px solid #FFFFFF;
}

.progress-inner {
font-size: 16px;
color: #FFFFFF;
font-weight: bold;
background: #333333;
height: 100%;
}​

Answer 1

第一个<?php echo $energy ?>应该是<?php echo ($energy/$max_energy*100) ?> ...

Answer 2

就像这样（我添加了一些视觉样式进行测试..您可以删除background-color s_

<?php
$max_energy = 100;
$energy = 6;
?>
<div class="progress-outer" style="border:1px solid black;background:#ff0000;width:100px">
    <div class="progress-inner" style="background:#0F0;width:<?php echo ($energy/$max_energy * 100); ?>px;">Energy:<?php echo $energy . '/' . $max_energy; ?></div>
</div>​

Answer 3

我完全不知道这个主意，但我想他想创建一个以两个数字百分比为基础的进度条。

这是示例（我是在javascript中完成的，因此可见）： http : //codepen.io/anon/pen/hCIKD

因此，PHP代码应如下所示：

<?php
$current = 3;
$max = 6;
// (current / max) * 100% to obtain the percentage.
$percentage = ($current / $max) * 100;
echo "The percentage of ".$current." from ".$max." is ".$percentage;
?>

希望能帮助到你。