php - 制作 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) ?> ...