html5 进度条显示实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>frank index</title>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(function(){
f();
});
function f(){
var v = $("#prog").attr('value');
$('#prog').attr('value',++v);
$('#t').text(v);
if(v < 100){
setTimeout('f()',100);
}else{
alert('上传成功!');
$('#prog').css('display','none');
}
}
</script>
</head>
<body>
<div class="d"></div>
<div>
<progress id="prog" max="100" value="0" ></progress>
<span id="t"></span>%
</div>
</body>
</html>
效果: