Как я могу изменить максимальное значение моего индикатора выполнения

Question

Итак, я делаю индикатор выполнения, который получает значения из объявленных мной переменных, все работает хорошо, за исключением одной проблемы. Когда мое значение арии теперь соответствует моему максимальному значению арии, в индикаторе выполнения все еще остается место, так как оно заполняет ширину только до 80%, а не до 100%. Так что я как бы застрял на этом. Вот мой код

 <?php 
      $current_players=$infosprp['players'];
      $max_players=$infosprp['places'];
      $width = $current_players;

      echo '<div class="progress w-25 m-auto" style="height: 30px;">
      <div class="font-weight-bold progress-bar bg-warning progress-bar-striped progress-bar-animated text-center" 
           role="progressbar" 
           aria-valuenow="'.$current_players.'"
           aria-valuemin="0" 
           aria-valuemax="'.$max_players.'"style="width:'.$width.'%;font-size:18px;">
           '.$width.'/'.$max_players.'
      </div>
    </div>'; 
?>

Вот изображение результата, когда индикатор выполнения заполнен

Я плохо объясняю вещи, так что я надеюсь, что вы были в состоянии понять. Спасибо.

Answer 1

Ширина технологической панели составляет 100%. На вашем изображении завершено на 80%, поэтому вы используете новую переменную, такую ​​как $statusBar = ($current_players * 100) / $max_players;

Пожалуйста, посмотрите пример ниже, я думаю, он должен работать для вас.

 <?php 
          $current_players=$infosprp['players'];
          $max_players=$infosprp['places'];
          $width = $current_players;
          $statusBar = ($current_players * 100) / $max_players;

          echo '<div class="progress w-25 m-auto" style="height: 30px;">
          <div class="font-weight-bold progress-bar bg-warning progress-bar-striped progress-bar-animated text-center" 
               role="progressbar" 
               aria-valuenow="'.$current_players.'"
               aria-valuemin="0" 
               aria-valuemax="'.$max_players.'"style="width:'.$statusBar.'%;font-size:18px;">
               '.$width.'/'.$max_players.'
          </div>
        </div>'; 
    ?>

Answer 2

Ширина должна быть процентом от $current_players, деленным на $max_players. Это только заполнение до 80%, потому что $width только 80 (игроков), как показано на изображении, которое вы связали. Вычисление для $width должно быть следующим:

$width = $current_players / $max_players * 100;