Индикатор выполнения в HTML

Индикатор выполнения в HTML — реализация индикатора выполнения в HTML.

MediaWiki (HTML 4)

В MediaWiki статический индикатор выполнения можно сделать при помощи шаблона (показатель выполнения будет изменяться в зависимости от первого параметра, в который можно передать, например, магические слова или выражения с использованием магических слов в качестве переменных) с использованием HTML 4:

<div style="background-color: rgb(240,240,240); padding: 3px;">
  <div style="background-color: rgb(163, 206, 220); width: {{{1|25}}}%; height: 20px; padding-left:0.2em">{{{2|}}}</div>
</div>

Результат {{индикатор|41|Процент готовности}}:

Процент готовности

Второй необязательный параметр — текст, который будет отображаться на индикаторе.

HTML 5

В HTML 5 есть отдельный тег для отображения индикаторов выполнения: <meter>. Он поддерживается всеми современными браузерами, кроме Internet Explorer. Пример использования тега:

<meter value="0.6">60%</meter>