2013-03-30 65 views
0

我正在爲部族網站開發CMS。我有一張會員級別的表格,會員可以根據他們賺取的經驗積分來晉升。我想創建一個進度條,以顯示他們有多遠,直到他們晉升到下一個等級。我想要做的就是根據他們升職後獲得的XP多少來填充一個綠色的黑色欄。我有一個方程,可以根據成員的進度找到一個百分比。例如:如果一個成員從目前的排名上升到下一個排名的67%,那麼黑色欄的長度的67%將會填充綠色。我希望這一切都有道理。你認爲什麼是實現這個目標的最好方法?PHP中的動態圖像

+0

你確定圖片是否要走? – Markasoftware

回答

1
<div style="background-color:black;overflow:hidden;width:100px;height:30px"> 
    <div style="float:left;background-color:green;width:67%;height:30px"> 
    </div> 
</div> 

相反的背景顏色,你可以使用背景圖片寬度爲100像素(用於圖像)和高度30像素或任何你會使用

+0

甚至backround-image:url(some-cool-green-bar-image.png) – gaRex

+0

是的,我在答覆中說過 – Tigra

0

使用簡單的CSS - 圖像產生這裏是不是你需要。但即使您需要,也可以爲所有可能的等級百分比值生成100個圖像,並在腳本中使用它們。