制作了PHP CSS和HTML进度条

我用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>​     

---

第一个

应该是

..

第一个

应该是

..

应该是这样的（我为测试添加了一些视觉样式..您可以删除

背景色_

<?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>​


​
可能是这样的（我为测试添加了一些视觉样式..您可以删除
背景色_

<?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>​


​
我一点也不明白，但我猜他想创建一个基于两个数字百分比的进度条

下面是一个示例（我是用javascript编写的，因此可见）：

因此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;
?>



希望有帮助。
我一点也不明白，但我猜他想创建一个基于两个数字百分比的进度条

下面是一个示例（我是用javascript编写的，因此可见）：

因此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;
?>



希望能有帮助。
6/6告诉我他有100%的宽度…我很困惑如何得到它的能量/最大能量6/6告诉我他有100%的宽度…我很困惑如何得到它的能量/最大能量当我添加编码时，它修复了耐力条，但移动了一些其他东西？当我添加编码时，它修复了耐力条，但移动了一些其他东西她的东西在附近？@Tommy成功了！还有$energy和$max_energy在数据库中我明白，我只是举个例子说明这些值是什么。我看到你是新的…别忘了把Tommy的答案标记为正确的啊，谢谢。但是我有一个问题。当我使用2时，它会将条向上移动？即使valign也不会移动它们down？有什么原因吗？嗯，当我把你的代码复制到我的测试PHP文件中时，出现了一些奇怪的unicode字符。我删除了
的最后一个实例，自己键入，它就消失了。除此之外，我还必须看到更多的代码，或者至少是一个我可以看到它的链接。它显示为这样的
嗯..奇怪..链接是.psychowars.com/psychowars/login是..电子邮件：test@psychowars.com密码：password@Tommy还有$energy和$max_energy都在一个数据库中我明白，我只是举了一个例子来说明这些值是什么。我知道你是新来的…别忘了把Tommy的答案标记为正确的啊，谢谢你…但我确实有一个问题。当我使用2时，它将条向上移动？即使valign也不会向下移动它们？有什么原因吗？好吧，当我将您的代码复制到我的测试PHP文件中时，显示了一些奇怪的unicode字符。我删除了
的最后一个实例，并亲自键入它，然后它就消失了。除此之外，我将我必须看到更多的代码或至少是一个我可以看到的链接。它显示为这样的
嗯..奇怪..链接是。psychowars.com/psychowars/登录是..电子邮件：test@psychowars.com密码：密码