做了一个进度条

来源:互联网 发布:手机验证码软件 编辑:程序博客网 时间:2024/04/30 08:27

HTML  用js做了一个进度条

主要是 <progress >标签

和window.setInterval("SetFormDefaultb()",100);  的 定时函数


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" style="padding:0px;">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style2.css" />


</head>
<style>
html { overflow-x:hidden; }
</style>
<script type="text/javascript" language="JavaScript"><!--
htna=5;
var i=5;
function SetFormDefaulta()
{
   window.setInterval("SetFormDefaultb()",100); 
}
function SetFormDefaultb()
{
    i++;
    document.getElementById("htna").value=htna+i;
}
//-->
</script>


<body onLoad="SetFormDefaulta()" >
<form action="cacer1.cgi" method="post" name="cacer" enctype="multipart/form-data"> 


   
<progress value="0" id="htna" max="100">
htfhfhfg
</progress>
        
  </div>
<button class="button" type="submit">Upgrade</button>
<button class="button" type="reset" onclick="SetFormDefaultb();">Cancel</button>


</form>



</body>
</html>
原创粉丝点击