Строка выполнения (progressbar)

2013-09-30
5.0 / 5 (2 голоса)

Пример простого использования строки выполнения (progressbar)

HTML

 

<p class="progress-element">
   <progress max="100" value="0"></progress>
</p>

Javascripts

<script type="text/javascript">
$(document).ready(function() {

var progressPosition = 0;
var stop = 0;
var progressProgress=setInterval(function(){
progressTimer()
}, 100);

function progressTimer() {
$('.progress-element progress').attr('value', progressPosition);
$('.progress-progress').text(progressPosition);

if (stop == 0) {
if (progressPosition >= 100) {
alert ("Выполняем действие");
stop = 1;
} else {
progressPosition += 5;
}
}
}

});
</script>

 Пример

Прочитано 719 раз Последнее изменение 2015-10-17

Оставить комментарий

Все поля отмеченные (*) обязательны для заполнения