使用HTML5实现下载进度条效果
发布时间：01/15 来源： 浏览：
关键词：
HTML5是非常的强大了很我功能可以直接不用js与flash就可以实现了，下面小编来为各位简单的介绍一个使用HTML5实现下载进度条效果，希望对各位有帮助．
HTML5是HTML下一个主要的修订版本，现在仍处于发展阶段。目标是取代1999年所制定的HTML 4.01和XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，与Oracle JavaFX的需求，并且提供更多能有效增强网络应用的标准集。
<!DOCTYPE html>
<html>
<script type=”text/javascript”>
var i=0;
function barProcess(){
i+=1;
if(i<100){document.getElementById(“bar”).value=i;}else{alert(“finish download”);return;}
setTimeout(barProcess,1000);
}
</script>
<body>
下载进度：
<progress id=”bar” value=”0″ max=”100″></progress>
<button id=’click’ value=’click’ style=”height:30px;width=100px;” onclick=”return barProcess()”></button>
</body>
</html>
