2012-11-22 75 views
0

可能重複:
Progress bar layout using CSS and HTMLPHP的MySQL的進度條

我正在做一個遊戲,涉及能源,EXP,水平,任務,等好了,當你做任務就花費能源,一旦你完成任務,你會收到現金和經驗。那麼,它需要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 
    { 
    } 
    ?> 
+2

這有什麼好做的SQL,它似乎。如果你已經有了這些數字,你只需要用HTML/CSS直觀地設計它們的樣式。 – deceze

+0

好吧,我沒有使用百分比..我使用的是一旦排名較高的更大的數字。所以有點困惑如何做到這一點。 –

+0

* Math。*'next_level = 750,current_points = 523',計算750的百分比523。我將把這個練習留給你。 – deceze

回答

1

它只是一個HTML/CSS問題:做一個表,只有一行兩列(比如說一個fullgreen,一個白色),然後將兩列的寬度比根據你的價值

+0

我明白你的意思,但是如何將數據庫中的數字與寬度比例移動? –

+0

column1 column2

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; ?>%;">