HTML5实现方法
分三种方式实现：
(1) canvas元素结合JS
(2) 纯粹的CSS3动画（暂不被所有主流浏览器支持，比如IE）
(3) CSS3结合Jquery实现
jquery ajax xhr监听上传进度显示不准确，求解
如果你是用这种方式上传的话，确实没有好方法。
因为 XMLHttpRequest.onProgress 事件能拿到的是网络传输的字节而已；你说的问题里，“上传进度已完成”，实际是指浏览器已经把文件传输给了服务端；“很久才可以”，是你服务端额外处理的时间，这段时间对浏览器来说是不可感知的，它怎么会知道你服务端处理需要多久呢？ 一般处理思路有这么几种：1、上传进度设置一个最大值，比如 99%，只有当服务端真正返回结果时才会变到 100%，这种方法最为简单粗暴；
2、尽量减少服务端处理的时间，例如收到文件后交给异步队列去处理，立刻返回给客户端响应，这种方法需要额外做的事件比较多，开发难度更高一些；
3、客户端分片上传，把大文件变成若干段小“文件”，缺点是浏览器只有支持 HTML5 才支持 FormData 分片。
天津web前端培训学的内容都有什么东西
在互联网IT编程开发设计培训类课程中，Web前端培训开发相对而言是比较简单，并且工作以及发展前景都是比较不错的，因此许多想要转行的情况下都比较偏重web前端培训学习。那麼Web前端培训內容是什么?小编今天就为大家来简单的来解答一下。
综合来讲，Web前端培训分为HTML5+CSS3、JS交互设计、移动端、服务器、前端框架、小程序六大模块，下面就为大家具体介绍每个阶段学什么。
第一阶段前端核心基础，让学员掌握前端基础知识包括HTML5与CSS的基础知识和代码的撰写会学习PC端网站布局以及jQuery框架。
第二阶段HTML5 + CSS3 + 移动端核心，HTML+css3新特性，css进阶，CSS3实例演练完成页面特效的制作。
第三阶段移动端，会学到CSS像素与物理像素的关系，布局视口，移动端适配，移动端特效滑屏、滚动以及点触等。
第四阶段服务器端，服务器端开发Node，数据库操作，前后端交互核心，微信公众号开发。
第五阶段JavaScript高级
第六阶段前端框架中，会学习前端高级框架Vue、React、Angular，让学员会使用主流框架开发门户网站、管理系统等相关知识。
第七阶段小程序开发，将学习微信小程序、开发工具使用，原生小程序API使用，小程序框架Mpvue应用。
2020web前端学习路线图：
主要的基本内容是：Html，Css，JS。 阶段学习主要如下： 一阶段学习：HTML5基础。在这一阶段主要学习上面几种语言的基础，以及UI设计交互，完成京东页面的实现。 第二阶段学习：学习JS核心。在这一阶段中将学习JS核心，DOM编程，完成各种页面动态效果以及动态交互，实现2048游戏实战项目。 第三阶段学习：web前端核心。这一阶段是web前端真正核心所在，学习内容包括几种语言的高级形势，完成页面各种功能及效果，能够实现服务器端的通信分析，实现京东订单页的功能分析。 第四阶段学习：web前端高级技术。这一阶段是web前端技术提升阶段，学习内容包括：此几种语言更高级别的东西，实现web页面到移动端的迁移和部署，掌握微信产品设计和接口开发实现的相关技能。