从图中的代码看，要生成一个进度条十分简单，用progress控件就行了按上面的代码运行页面，就可以得到一个标准的进度条了progress可以设置二个参数，value和max 其中max就是进度条的最大值，一般都是设置为100 value。

首先，我们制作的这个进度条并没有后台数据作为支撑，所以是一个靠js实现的一个简单的页面我们首先需要新建一个html5的页面，其使用的progress元素实在html5时代才出现的我们在新建的页面中，输入一个段落标签，一个进度条。

用法是menu li结合ltaddress存放地址的标签ltprogress这个是一个进度条标签他的主要属性有value和maxvalue表示当前进度条位置，max表示进度条的总共长度lttime标签放时间的标签初步接触html5的标签给人的第一感觉就。

5 ltprogress代表进度条，表示任务过程，属性有max任务总量\valueltdatalist为Input标记定义一个下拉列表，配合option标签其他 ltdetails创建一个挂件，仅在被切换成展开状态时，它才会显示内含的信息ltsummary 是。

progress标签从名字上来看，估计大家也能猜到这个标签是什么标签了，没错，他是一个进度条在HTML5中我们终于可以不用模拟了ltprogress id=quotW3Cfuns_progressquot max=quot100quotltprogress progress属性value表示当前进度。

min=quotquot max=quotquot value=quotquot low=quotquot high=quotquot，其中low和high是范围，当value范围超了话就会显示不同的效果 进度条的标签ltprogress最大值就是进度条的长度就行，value值就是显示的进度，用它可以进行动态的进度条。

HTML5中，新标准把文本框提示信息表单校验日期选择控件颜色选择控件范围控件进度条标签跨表单等功能直接加入新的表单标签中 但在众多现代浏览器中，最新版本的Opera浏览器对新型表单的支持才最为完美name。

rogress 进度条 menu 菜单 embed 嵌入的外部资源 menuitem 用户可点击的菜单项 menu 菜单 二 css3被划分为模块，最重要的几个模块包括选择器框模型背景和边框文本效果2D3D 转换动画。

progress 进度条 menu 菜单 embed 嵌入的外部资源 menuitem 用户可点击的菜单项 menu 菜单 template section nav aside article footer header css3 css3被划分为模块，最重要的几个模块包括选择器框。

1不自定义进度条的话就只能用默认进度条，默认的进度条是集合在video标签中的，这个我们无法实现不能拖动，但是可以模拟下，你可以使用让鼠标点击到视 频所在的video或者div的时候无效化，原理就是鼠标选不到进度条，自然。

html5新增标签如下1结构性标记结构性标记主要用来对页面结构进行划分，就像在设计网页时将页面分为导航内容部分页脚等，确保HTML文档的完整性2多媒体标记多媒体标记主要解决了以往通过Flash等进行视频的一些展示。

最简单的思路是， 通过js获取到的宽度范围，分别赋予不同的class，比如030%，给标签class=“green”，3070%，给标签class=“yellow”，70%100%，给标签class=“red”。

ltmeter 标签定义已知范围或分数值内的标量测量也被称为 gauge尺度例子磁盘用量查询结果的相关性，等等注释ltmeter 标签不应用于指示进度在进度条中如果标记进度条，请使用 ltprogress 标签HTML5。

5footer元素 表示整个页面或页面中一个内容区块的脚注一般来说，他会包含创作者的姓名创作日期以及创作者的联系信息HTML5新规则新特性应该基于 HTMLCSSDOM 以及 JavaScript 减少对外部插件的需求比如 Flash。

1需要获取视频的总时长duration赋值给进度条的最大值，progressmax=videoduration2需要获取当前视频播放的当前时间位置currentTime赋值给当前进度条的长度，progressvalue=videocurrentTime然后在视频播放的。