如何用html5在网页上设置进度条？
首先，我们制作的这个进度条并没有后台数据作为支撑，所以是一个靠js实现的一个简单的页面。
我们首先需要新建一个html5的页面，其使用的progress元素实在html5时代才出现的。我们在新建的页面中，输入一个段落标签，一个进度条，一个button按钮。然后，我们需要设置一下进度条显示的进度。value代表从多少开始，max代表到多少结束。我们做的是百分比形式的，应该写成这样的。这些做好之后，我们需要书写两个小的事件，实现原理大体上是鼠标单击下载按钮，开始下载变为正在下载百分之多少，等到达到我们预设的时间后显示下载完成。我们之前已经给p标签和progress标签分别赋予了不同的id，我们需要获取到这两个元素，并将他们赋给两个变量。我们还要将progress的初始值设为0,当鼠标单击的时候，我们以一定的时间为周期调用写好的事件。函数写好之后，我们在浏览器中调试，点击下载按钮之后会在300ms内完成下载时间。H5作品是什么？
H5本指第5代html标准规范，但因为html5规则对视频音频和触屏互动等事件的支持远超前代，因此H5逐渐演变成一种可以在移动端展示的动态页面。
现有的H5包括普通的幻灯片形式、需要简单点击的故事形式、用户能够参与的带有互交的功能形式、可以提交数据的表单形式、朋友圈流传的小游戏形式等。
曾经引爆朋友圈的《我们之间就一个字》、《围住神经猫》等页面或者游戏，都是出色的H5作品
H5做什么的？
H5是 HTML5 的简称，而HTML5是指“HTML”的第5个版本。但因为html5规则对视频音频和触屏互动等事件的支持远超前代，因此H5逐渐演变成一种可以在移动端展示的动态页面。
优势：开发技术简单，研发周期短，用户接触成本低；故事性强、参与感强、社交性强。