@No4NaMe

Как добавить и украсить php скрипт прогрессбаром?

Подскажите пожалуйста как украсить данный скрипт круглым прогресс баром?

<?php
$str = file_get_contents ('https://localhost/api.php?ip='.$config['servers'][$i]['host'].'&port='.$config['servers'][$i]['port'].'');
$playersonline = json_decode($str, true);
$isOnline = $playersonline['online'];
if($isOnline){
echo '<img class="logo" src="./assets/img/ico-online.png" title="Сервер работает">';
}else{
echo '<img class="logo" src="./assets/img/ico-offline.png" title="Сервер выключен">';
}
?>
<div class="info">
<b id="ip"><?php echo $config['servers'][$i]['host']; ?>:<?php echo $config['servers'][$i]['port']; ?></b>
<?php if (isset($config['servers'][$i]['showMonitoring']) && $config['servers'][$i]['showMonitoring'] === true) { ?> Сейчас  играет 
<?php
$str = file_get_contents ('https://localhost/api.php?ip='.$config['servers'][$i]['host'].'&port='.$config['servers'][$i]['port'].'');
$playersonline = json_decode( $str );
echo "<span>";
echo $playersonline->players->now;
echo "</span> игроков";
?>


$playersonline->players->now; (Отвечает за вывод цифры, собственно говоря эту функцию нужно вставить в код который ниже или добавить html код прогрессбара в скрипт выше...

Еще один такой важный вопрос! где значок статуса, можно както в прогресс баре сделать так что бы при выключенном сервере, прогресс менялся на цвет (progress yellow) что бы менялся сам css класс

ProgressBar
<div class="progress blue"> <span class="progress-left"> <span class="progress-bar"></span> </span> <span class="progress-right"> <span class="progress-bar"></span> </span>
            <div class="progress-value">90%</div>
        </div>
  • Вопрос задан
  • 176 просмотров
Пригласить эксперта
Ответы на вопрос 2
@lolzqq
HTML,CSS,JS,PHP
1. Всё придумано до нас:
https://prog-time.ru/kruglyj-animirovannyj-progres...

2."Еще один такой важный вопрос! где значок статуса, можно както в прогресс баре сделать так что бы при выключенном сервере, прогресс менялся на цвет (progress yellow) что бы менялся сам css класс"

<?php
   if(!$isOnline){
      $online_class="progress yellow";
   }else{
      $online_class="progress какой-нибудь-другой-цвет";
   }
?>
<div class="progress <?php echo $online_class; ?>">
   <span class="progress-left"> <span class="progress-bar"></span> </span> <span class="progress-right"> <span class="progress-bar"></span>
</span>
   <div class="progress-value">90%</div>
</div>
Ответ написан
@tltary
Почему бы не сделать это на js? и в реалтайме менять онлайн и тд
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
08 мар. 2021, в 12:56
2000 руб./за проект
08 мар. 2021, в 12:35
50000 руб./за проект
08 мар. 2021, в 11:59
15000 руб./за проект