0

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%;
}​
4

3 に答える 3

2

最初<?php echo $energy ?>は<?php echo ($energy/$max_energy*100) ?>...

于 2012-12-21T00:27:18.443 に答える
1

これは次のようになります（テスト用に視覚的なスタイルを追加しました。s_を削除できますbackground-color。

<?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>​
于 2012-12-21T00:31:42.033 に答える
0

まったくわかりませんが、彼は 2 つの数値のパーセンテージに基づいてプログレス バーを作成したいと考えています。

これが例です（私は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;
?>

それが役に立てば幸い。

于 2013-12-07T12:40:31.753 に答える