Создание индикатора выполнения с использованием php

Question

Я пытаюсь создать индикатор с помощью 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);
}

}

Answer 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>';