Если вам потребуется реализовать индикатор хода загрузки в веб-приложении, обратите внимание на тег <progress>, появившийся в HTML5.
Тег <progress> похож на <meter>, но он предназначен для активного отображения хода выполняемой операции — наподобие тех, которые отображаются при загрузке файлов. Шкала, напротив, предназначена для вывода статической информации — скажем, текущего объема пространства на сервере, доступного для некоторого пользователя. Разметка индикатора прогресса очень похожа на разметку шкалы:
html5_meter/progress.html
<progress id="progressbar" min="0" max="100" value="0"></progress>
Тег <progress>, как и <meter>, пока поддерживается не всеми браузерами. Чтобы справиться с проблемой, используйте JavaScript для извлечения значений из индикатора и построения собственной визуализации. Также можно воспользоваться готовым компонентом HTML5-Progress15, созданным Леа Веру (Lea Verou).
HTML5 и CSS3. Веб-разработка по стандартам нового поколения
·
Б. Хоган
