html如何在屏幕中显示加载,在HTML5应用中加载屏幕

这是进度元素......

这将从20开始加载。当然只有元素不够。您需要在脚本加载时移动它。为此，我们需要JQuery。这是一个简单的JQuery脚本，它从0到100开始进度，并在定义的时间段内执行某些操作。

$(document).ready(function() {

if(!Modernizr.meter){

alert('Sorry your brower does not support HTML5 progress bar');

} else {

var progressbar = $('#progressbar'),

max = progressbar.attr('max'),

time = (1000/max)*10,

value = progressbar.val();

var loading = function() {

value += 1;

addValue = progressbar.val(value);

$('.progress-value').html(value + '%');

if (value == max) {

clearInterval(animate);

//Do Something

}

if (value == 16) {

//Do something

}

if (value == 38) {

//Do something

}

if (value == 55) {

//Do something

}

if (value == 72) {

//Do something

}

if (value == 1) {

//Do something

}

if (value == 86) {

//Do something

}

};

var animate = setInterval(function() {

loading();

}, time);

};

});

将其添加到您的HTML文件中。

0%

希望这会给你一个开始。