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

2013-09-30
5.0 / 5 (2 vote)

Пример простого использования строки выполнения (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>

 Пример

Read 1325 times Last modified on 2019-07-21

Leave a comment

Make sure you enter the (*) required information where indicated. HTML code is not allowed.