1、因为项目不考虑低版本浏览器，所以决定用html5实现。下面只是一个简单的demo，具体样式需要自己去做。后台基于strut2进行文件处理，具体因项目而定。只是要注意设置文件大小的限制。
为开平等地区用户提供了全套网页设计制作服务，及开平网站建设行业解决方案。主营业务为成都做网站、成都网站建设、开平网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！
2、identifier：标识触摸的唯一ID。target：screenX：触摸目标在屏幕中的x坐标。
3、我们首先需要新建一个html5的页面，其使用的progress元素实在html5时代才出现的。我们在新建的页面中，输入一个段落标签，一个进度条，一个button按钮。然后，我们需要设置一下进度条显示的进度。
4、实现文件上传进度条基本是依靠JS插件或HTML5的File API来完成，其实PHP配合ajax也能实现此功能。PHP手册对于session上传进度是这么介绍的：当session.upload_progress.enabled INI 选项开启时，PHP 能够在每一个文件上传时监测上传进度。
根据 w3c 的定义，progress元素代表任务的完成度。一个progress元素标签有开始标签和结束标签。
progress标签元素是一个HTML5元素，用于表示任务的完成进度。可以说元素的不确定状态是一种视觉状态，下面是复选框的三种状态：已选中，未选中和不确定：注：元素的不确定状态只能通过JavaScript来动态设置。
progress定义任何类型的任务的进度。可以使用progress标签来显示javascript中耗费时间的函数的进度（内联元素）time定义一个日期/时间（内联元素）audio定义声音内容。(内嵌元素)audio 元素允许多个 source 元素。
progress：用来表示进度条，可通过对其max、min、step等属性进行控制，完成对进度的表示和监事。video：视频元素，用于支持和实现视频文件的直接播放，支持缓冲预载和多种视频媒体格式。
想要对语义HTML标记了解更多，建议参加web前端培训，可以在短时间内获得快速提升。HTML 5中的块级语义元素，块级语义标记有两种主要类型：分段元素、语义流元素。
1、首先nav也是在html5中新增的元素标签。同时和其它新增标签一样，nav在传统html5以前版本Html布局中作为导航条相关常用命名来使用。
2、新增的结构标签：header元素 表示页面中一个内容区块或真个页面的标题。hgroup元素 表示对真个页面或页面中的一个内容区块的标题进行组合。article元素 表示页面中一块与上下文不相关的独立内容。比如一篇文章。
3、新增的结构标签：header元素 表示页面中一个区块或真个页面的标题。内hgroup元素 表示对真个页面或页面中的容一个内容区块的标题进行组合。article元素 表示页面中一块与上下文不相关的独立内容。比如一篇文章。
4、html5新增标签大致如下：canvas 新元素 canvas 标签定义图形，比如图表和其他图像。
超文本标记语言或超文本链接标示语言（标准通用标记语言下的一个应用）HTML（HyperText Mark-up Language）是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。
注释：meter 标签不应用于指示进度（在进度条中）。如果标记进度条，请使用 progress 标签。
为了完全消除这个问题，HTML 1 已经通过隔离浏览器上下文的方式标准化了的 rel=”noopener”属性的用法。 rel =“noopener”可以在 a 和 area 标签中使用。
meter：表示特定范围内的数值，可用于工资、数量、百分比等。time：表示时间值。progress：用来表示进度条，可通过对其max、min、step等属性进行控制，完成对进度的表示和监事。
