html.okpython.net
HTML и CSS для начинающих

HTML :: Тег <progress>

В HTML тег <progress> (от англ. progressпрогресс) используется для отображения графического индикатора хода выполнения задачи. При этом изменения в индикатор прогресса вносятся при помощи скриптов.

Синтаксис

	<progress>Текст</progress>		  
	
	Закрывающий тег: обязателен.

Атрибуты

  • max – описывает общий объем задачи, принимая в качестве значения положительное число (по умолчанию используется 1).
  • value – сообщает текущее значение хода выполнения задачи. В качестве значения принимает число в диапазоне от нуля до числа, заданного атрибутом max. Если последний не указан, то используется диапазон от 0 до 1. Если не указать атрибут value, индикатор прогресса будет считаться неопределенным.
  • Также для элемента доступны универсальные атрибуты и соответствующие атрибуты-события.

Ссылки

Примеры

HTML Результат htmlCodes
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Пример №1</title>
</head>
<body>
	
	<progress value="30" max="100">30%</progress>	
	
</body>
</html>

Пример №1