Индикатор выполнения в HTML — различия между версиями

Материал из Мегапедии
Перейти к: навигация, поиск
(начало)
 
 
Строка 1: Строка 1:
'''Индикатор выполнения в HTML''' — реализация индикатора выполнения в HTML.
+
'''Индикатор выполнения в HTML''' — реализация [[индикатор выполнения|индикатора выполнения]] в [[HTML]].
  
 
== MediaWiki (HTML 4) ==
 
== MediaWiki (HTML 4) ==

Текущая версия на 18:06, 6 июня 2013

Индикатор выполнения в 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>