Индикатор выполнения в HTML с помощью PHP

Я нашел индикатор выполнения в учебнике и хотел использовать его на своем веб-сайте.

Что я хочу сделать:

  • Если строка $ pHour находится в диапазоне от 0 до 100, я хочу показать Цель: 100
  • Если строка $ pHour находится между 101-499, я хочу показать: Цель: 500
  • Если строка $ pHour находится между 500-1000, я хочу показать: Цель: 1000

но когда я пытаюсь установить максимальное значение выше 100, оно не устанавливается. Почему? php if я могу создать самостоятельно, но я не знаю, почему он не показывает значения больше 100

<div class = "col-sm-6">
  <div class = "panel panel-updates">
    <div class = "panel-body">
      <div class = "row">
        <div class = "col-xs-7 col-lg-8">
          <h4 class = "panel-title text-success">Hours Active</h4>
          <h3><?php echo $pHour ?></h3>
          <div class = "progress">
            <div style = "width: <?php echo $pHour ?>%" aria-valuemax = "500" aria-valuemin = "0" aria-valuenow = "<?php echo $pHour ?>" role = "progressbar" class = "progress-bar progress-bar-success">
              <span class = "sr-only">100% Complete (success)</span>
            </div>
          </div>
          <p>Obiectiv: 500</p>
        </div>
        <div class = "col-xs-5 col-lg-4 text-right">
          <input type = "text" value = "100" class = "dial-success">
        </div>
      </div>
    </div>
  </div><!-- panel -->
</div><!-- col-sm-6 -->

https://jsfiddle.net/jmszea30/

Кажется, это не связано с PHP.

Andreas 27.10.2018 17:39

Это. Просто удалил его, у меня был полный скрипт, который включал часть PHP, но я удалил его и забыл о теге php.

zeroknowledgee 27.10.2018 17:40
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
2
183
0

Другие вопросы по теме