Тег PROGRESS progress PROGRESS

  Парный блочный тег PROGRESS предназначен для наглядного отображения конкретной величины некоторого параметра по сравнению с заданным его максимальным значением.
  Пользовательский контент элементов тега PROGRESS формируется исключительно его атрибутами, внутренний контент элемента тега PROGRESS никак не отобразится на Web-странице.

  Скрипт может менять значения атрибутов тега PROGRESS, что приведет к динамическому изменению пользовательского контента его элемента.
  Атрибуты:
  MAX - Устанавливает величину максимального значения, которого может достигать величина параметра.
  Должно соблюдаться условие VALUEMAX.
  • Значение:

    • Действительное число

  • Значение по умолчанию - 1.
  • Атрибут обязательный.
  VALUE - Устанавливает текущую величину параметра, которую надо оценить в диапазоне от 0 до MAX.
  Эта величина не должна выходить за предел, установленный атрибутом MAX.
  • Значение:

    • Действительное число

  • Значение по умолчанию - Нет.
  • Атрибут обязательный.


Пример:
<FIELDSET>
<LEGEND>Динамика изменения настроения Анфисы Прокопьевны в зависимости от выпитых полуштофов.</LEGEND>
  <TABLE>
    <TR>
      <TD>Один полуштоф</TD>
      <TD><PROGRESS VALUE="1" MAX="10">1</PROGRESS></TD>
      <TD>Сентиментальное </TD>
    </TR>
    <TR>
      <TD>Два полуштофа</TD>
      <TD><PROGRESS VALUE="2" MAX="10">2</PROGRESS></TD>
      <TD>Плохое </TD>
    </TR>
    <TR>
      <TD>Три полуштофа</TD>
      <TD><PROGRESS VALUE="3" MAX="10">3</PROGRESS></TD>
      <TD>Не очень хорошее </TD>
    </TR>
    <TR>
      <TD>Четыре полуштофа</TD>
      <TD><PROGRESS VALUE="4" MAX="10">4</PROGRESS></TD>
      <TD>Хорошее </TD>
    </TR>
    <TR>
      <TD>Пять полуштофов</TD>
      <TD><PROGRESS VALUE="5" MAX="10">5</PROGRESS></TD>
      <TD>Романтическое </TD>
    </TR>
    <TR>
      <TD>Шесть полуштофов</TD>
      <TD><PROGRESS VALUE="6" MAX="10" STYLE="background-color: black">6</PROGRESS></TD>
      <TD>Непонятное </TD>
    </TR>
    <TR>
      <TD>Семь полуштофов</TD>
      <TD><PROGRESS VALUE="7" MAX="10" STYLE="background-color: black">7</PROGRESS></TD>
      <TD>Очень плохое </TD>
    </TR>
    <TR>
      <TD>Дявять полуштофов (восьмой не помнит)</TD>
      <TD><PROGRESS VALUE="9" MAX="10" STYLE="background-color: black">9</PROGRESS></TD>
      <TD>Отвратительное </TD>
    </TR>
    <TR>
      <TD>Десять полуштофов</TD>
      <TD><PROGRESS VALUE="0" MAX="10" STYLE="background-color: black">10</PROGRESS></TD>
      <TD>Никакое </TD>
    </TR>
  </TABLE>
  <P>Исследование проводил сердечный друг и собутыльник купец Афанасий Широмордов. </P>
</FIELDSET>
Результат:
Динамика изменения настроения Анфисы Прокопьевны в зависимости от выпитых полуштофов.
Один полуштоф 1 Сентиментальное
Два полуштофа 2 Плохое
Три полуштофа 3 Не очень хорошее
Четыре полуштофа 4 Хорошее
Пять полуштофов 5 Романтическое
Шесть полуштофов 6 Непонятное
Семь полуштофов 7 Плохое
Дявять полуштофов (восьмой не помнит) 9 Отвратительное
Десять полуштофов 10 Никакое

Исследование проводил сердечный друг и собутыльник купец Афанасий Широмордов.