0

重複の可能性:
CSS と HTML を使用した進行状況バーのレイアウト

私はエネルギー、経験値、レベル、ミッションなどを含むゲームを作っています。ミッションを行うとエネルギーがかかり、ミッションを行うと現金と経験値を受け取ります。まあ、レベルアップにはEXPが必要です。レベルアップは機能しますが、レベルアップにどれだけ近づいているかを示す進行状況バーを追加したいと考えています. 例は Exp: 26,175/27,100 です。レベルアップするたびに max_exp が 250 上がりますが、テキストを表示するだけでなく、レベルアップにどれだけ近づいているかをテキストの後ろに表示するバーが必要でした。これが以下のレベリングコーディングです..

<?php
if ($exp >= $max_exp)
    {
    $sql = "UPDATE users SET level=(level + 1) , max_exp=(max_exp + 250) WHERE id='".$id."' LIMIT 1";
    $res = mysql_query($sql);
if ($exp >= $max_exp)
        echo '';
    }
    else
    {
    } 
    ?>
4

2 に答える 2

3

比率をインラインCSSとしてエコーできます。

例：

CSS:

div#value
{
    display: block; 
    z-index: 2;
    height: 10px;
}

php/html:

$value = 35;

//this line will give you "width: 35%"
<div id="value" style="width:<?php echo $value; ?>%;">
于 2012-11-22T13:01:37.023 に答える