使用php创建进度条

时间:2018-05-03 05:20:58

标签: php css progress-bar

我正在尝试使用PHP创建一个进度条来显示用户数量剩余的金额。我目前有以下代码:

appQueries.php

<?php

class appQueries {
    protected $db = null;
    public function __construct($db){
      $this->db = $db;
}

public function costsSum($user_id){
    $query = "SELECT SUM(value) FROM costs 
    $pdo = $this->db->prepare($query);
    $pdo->bindParam(':user_id', $user_id);
    $pdo->execute();
    return $pdo->fetch(PDO::FETCH_ASSOC);
}

public function getMaxAmount(){
    $query = "SELECT maxAmount FROM users;
    $pdo = $this->db->prepare($query);
    $pdo->execute();
    return $pdo->fetch(PDO::FETCH_ASSOC);
}

}

1 个答案:

答案 0 :(得分:0)

使用以下代码切换出这些代码:

你必须为div设置一个高度,然后你必须决定你想要div的颜色。而且,这是我的偏好。当回显html时,我通常在echo的外部使用单引号,我使用双引号作为html属性。

这应该可行。

echo '<div id="progressbar" style="height:50px;background-color:yellow;">';
echo '<div id="amountcompleted" style="height:50px; width:'  . $progressBarWidth . '% !important; background-color:lightblue"></div>';
echo '</div>';

我没有看到你发布了你的CSS。这是CSS解决方案..您没有在属性中声明您的CSS类。

echo '<div id="progressbar" class="progressbar">';
echo '<div id="amountcompleted" class="amountcompleted" style="width:'  . $progressBarWidth . '% !important;"></div>';
echo '</div>';