0

可能重复：
使用 CSS 和 HTML 的进度条布局

我正在制作一个涉及能量、经验、等级、任务等的游戏。嗯，当你执行任务时，它会消耗能量，一旦你完成任务，你就会收到现金和经验。嗯，它需要经验来升级。升级工作，但我想添加一个进度条来显示你有多接近升级。一个例子是 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 回答
1

这只是一个 HTML/CSS 问题：制作一个只有一行和两列的表格（比如一个全绿色，一个白色），然后根据您的值移动两列的宽度比

于 2012-11-22T11:45:02.917 回答