一个风骚简单的h5进度条

　　一个灰常简单的进度条，留给需要的人们，希望大神不要贱笑、小菜不要膜拜，哥只是一个普通的次拉花

准备接招。

.....

......

.....

一波代码来袭...

　　

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="./jquery.min.js"></script>
</head>
<body>
<div id="test"></div>
<progress id="jdt" max="100" value="0" id="pg"></progress>
</body>
</html>
<script type="text/javascript">
jdt('jdt',30);
function jdt(jdt,cd){
var jdt=document.getElementById('jdt');
setInterval(function(e){
if(jdt.value!=cd){jdt.value++;
$("#test").html("上传 "+jdt.value+"%")
}
 
// else pg.value=0;
},cd);
　　}
</script>
posted @ 2018-01-11 16:53  飞飞的博客  阅读(216)  评论(0)    收藏  举报