题主的播放界面的进度条那部分是不是这种 而不是这种 如果是这样的话，是因为网页用的是HTML5播放器，不知道什么原因这个播放器就是会出现这种进度条不消失的问题此外还存在按空格只能暂停再按却不能继续播放鼠标双击不。

我们首先需要新建一个html5的页面，其使用的progress元素实在html5时代才出现的我们在新建的页面中，输入一个段落标签，一个进度条，一个button按钮然后，我们需要设置一下进度条显示的进度value代表从多少开始，max代表到。

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

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

进度条是指网络上文件上传下载与浏览网页的可视化显示条用HTML5制作，可以简练代码，防止网页冗余，下面，就让我们一起学习如何用H5制作一个即简单又美观的进度条吧 先在body标签里面嵌入一个progress标签，max最大值设置。

2在indexhtml中的ltscript标签中，输入js代码setTimeoutfun， 120*1000function fun #39video#39attr#39controls#39， 1 3浏览器运行indexhtml页面，此时运行2分钟后，才会显示出控制条。

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

进度条效果做为网站常用模块无论是投资理财类还是众筹类加载提示类网站已经比较常见另外，HTML5新增了 progress 标签，其重要程度可见一斑 由于HTML的 progress 存在兼容性问题，本文主要讲解如何通过CSS实现一个简单。

提供思路暂无电脑进度条用两个嵌套组成内外div，内用来显示进度条进度，外用来包含整个进度条进度条百分比利用offsetleft，width等来设计。

可以用html5实现，也可以做成gif的图片，你只需要设置为和你程序设置一样的时间然后进度条自动结束就好了用图片是最好实现，用ps软件就可以制作这个的实现，有很多中方法，简单的，是使用 DIV 嵌套，例如ltdiv style=。