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: атрибуты
globals |
value |
max |