HTML элемент progress

HTML элемент progress — Прогресс завершенности задачи
. Все HTML элементы.

HTML элемент progress: Пример кода

 <h2>Пример 1: создание прогресса</h2>
<section>
 <h2>Ход Выполнения Задачи</h2>
 <p>Загружено: <progress id="p" max=100><span>0</span>%</progress></p>
 <script>
 var progressBar = document.getElementById('p');
 function updateProgress(newValue) {
 progressBar.value = newValue;
 progressBar.getElementsByTagName('span')[0].textContent = newValue;
 }
 </script>
</section>


 <h2>Пример 2: создание прогресса</h2>
 <p>Пожалуйста, подождите, фотографии загружаются.</p>
 <progress max="100" value="25">
 Загружено на <span id="value">25</span>%
 </progress>

HTML элемент progress: атрибуты