使用 php 创建进度条答案

【问题标题】：Creating a progress bar using php使用 php 创建进度条
【发布时间】：2018-05-03 05:20:58
【问题描述】：

我正在尝试使用 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);
}

}

【问题讨论】：

如果您在#amountcompleted 上使用%。你想从html,body 上升到height:100%。或者在px 或% 之外有一个parent 和一组height。
抱歉，我不太明白你的意思..
我看不到你的HTML。但是为了让%运行。您想要一个定义了大小的parent element。在px。找我？

标签： php css progress-bar

【解决方案1】：

用这些替换这些代码行：

你必须为 div 设置一个高度，然后你必须决定你希望 div 是什么颜色。另外，这是我的偏好。在回显 html 时，我通常在回显的外部使用单引号，并在 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>';

【讨论】：

@unistudent1995 我再次更新了我的答案。我没有看到你发布了你的 CSS。