如何用html5在网页上设置进度条？
首先，我们制作的这个进度条并没有后台数据作为支撑，所以是一个靠js实现的一个简单的页面。
我们首先需要新建一个html5的页面，其使用的progress元素实在html5时代才出现的。我们在新建的页面中，输入一个段落标签，一个进度条，一个button按钮。然后，我们需要设置一下进度条显示的进度。value代表从多少开始，max代表到多少结束。我们做的是百分比形式的，应该写成这样的。这些做好之后，我们需要书写两个小的事件，实现原理大体上是鼠标单击下载按钮，开始下载变为正在下载百分之多少，等到达到我们预设的时间后显示下载完成。我们之前已经给p标签和progress标签分别赋予了不同的id，我们需要获取到这两个元素，并将他们赋给两个变量。我们还要将progress的初始值设为0,当鼠标单击的时候，我们以一定的时间为周期调用写好的事件。函数写好之后，我们在浏览器中调试，点击下载按钮之后会在300ms内完成下载时间。h5在电脑上打开格式不对？
1 可能存在格式问题导致H5在电脑上打开后显示不正确。
2 H5是基于HTML5技术开发的，需要浏览器支持HTML5标准才能正确显示内容。
如果浏览器版本过低或者不支持HTML5标准，就会出现显示不正确的情况。
3 可以尝试使用其他浏览器打开H5，或者升级浏览器版本。
如果问题仍然存在，可以检查H5代码是否存在语法错误或者其他问题，进行调试和修复。
学WEB前端开发如何从HTML5入门？
初学Web前端开发的话，包括Html，CSS等，建议还是以熟悉标签和属性为主，多练习代码，掌握好基本功，待熟悉掌握后，可以学习一些常见的前端框架，像React，Vue，Angular等，下面我简单介绍一下学习过程：
前端资料
这个网上的资料很多，几乎每个编程网站都会有前端编程的资料和教程，像我们熟知的w3cschool，慕课网，网易云课堂等，都介绍的很不错，也很详细，当然，你也可以找一本相关书籍学习，都可以，最主要的就是多练习，多敲代码，掌握好基本功，熟悉相关标签和属性，建议使用记事本这些软件，不需要自动补全，一行一行练习、调试：
前端软件
熟悉相关标签和属性后，就可以利用专业的软件来提高开发效率了，这个软件就很多了，像我们常见的VS Code，Sublime Text，HBulier，DW，WebStorm等都不错，各有特点，支持常见的智能补全、代码高亮、语法提示等功能，插件扩展也很丰富，根据自己实际需求，选择一个适合自己的就行：
前端框架
Web前端框架其实很多，像常见的React，Vue，Angular，JQuery，EasyUI等，后期的项目开发中，为了提高开发效率，经常会用到前端框架，各个框架都有自己的特点和长处，这里可以提前了解、学习一下，积累一下相关使用经验，为后面实际项目开发做好铺垫：
总的来说，入门的话，建议还是多练习，掌握好基本功，熟悉后，可以了解一下相关框架，最后就是在实际项目中应用，积累经验，网上也有相关资料和教程，感兴趣的话，可以搜一下，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言。
学习web的话，首先第一个阶段就是建议从HTML5和CSS开始学习的。首先我们要了解常用的浏览器和内核，了解语义的概念。掌握HTML的语法和使用技巧。下面不多说这个，我们看一张学习线路图就可以了解了：
上面我们看到的就是前端的一个学习框架，大家初学者拿到这样的框架可能还会有点懵。下面我们把每个阶段拆开来说：
第一个阶段：
我们需要了解的是HTML5、CSS3、语义化标签，CSS3新属性，盒子模型，定位与浮动、CSS调试技巧、PS切图、网页特效、静态页面开发、PSD还原网页文件；
第二个阶段：
HTML5标签、CSS动画、移动端适配、真机调试、rem、flex布局、媒体查询、Bootstrap、Viewport、移动端调试；
第三个阶段：
JavaScript高级、面向对象、闭包、原型、原型链、ES6、正则表达式、DOM、BOM、动画函数、Jquery、JQuery插件。
第四个阶段：
Node.js、CommonsJS、JavaScript模块化、异步编程、服务端、MySQL、HTTP协议、Express、Koa、Cookie、Session、中间件、分页、注册登陆，模块化、CMS系统开发、RESTful、Ajax;
以上这四个阶段是举例说明一下，下面我们还是看图片了解什么是详细的知识点：
以上就是前端部分，主要需要学习的全部内容。具体如何从html入门，我建议刚开始学习的小伙伴，看视频为主，html之后的css，刚刚接触的时候会觉得有些懵。视频的话老师可以直接把思路和操作给大家讲出来，相对来说更容易接受和理解。当你学会了以后，就会发现，这边入门的知识点获取是很简单的事情。
关注我私信，上面八个阶段学习的配套视频