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

首先，我们制作的这个进度条并没有后台数据作为支撑，所以是一个靠js实现的一个简单的页面我们首先需要新建一个html5的页面，其使用的progress元素实在html5时代才出现的我们在新建的页面中，输入一个段落标签，一个进度条，一个button按钮然后，我们需要设置一下进度条显示的进度value代表从多少开。

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

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

二楼的方法不是常规的解决办法，个人感觉不是很好不过他实现的加载进度是真实的，他的进度条是可以反映当前未加载页面的剩余内容的其实这种方法也挺好不过一般情况下没什么必要吧，如果要做成这样的，用flex更好一楼的方法不是正确的如果简单地放一个loading图片在页面上的话，会有两种情。

那只是一个超级链接，如果想显示进度条，只有在显示页面中添加代码，实时显示下载进度。

你是自己写程序还是看视频网站的视频没法拖动，如果是HTML5的话，video标签里加controls=quotcontrolsquot ，看的视频网站的话，可以试试换个别的浏览器IE浏览器版本升级高点，低版本的很多东西不支持火狐，或者Chrome也试试。

嵌入播放按钮播放按钮与flash联系起来就可以了，或者是使用html5的默认控制条嵌入播放按钮的方法进度条时间算法，进度像素=当前时间总时间*总像素举个例子进度条progressBar1为名称举例progressBar1Maximum这里是进度条的最大值这个在属性里面设置我们在时钟里面这么写ifprogressBar1Value。

于 LoaderScene 同样 设置进度条层，它就是一个红色颜色层，通过长度来标示加载的进度 this_processLayerLength = 500 this_processLayer = ccc4b255， 100， 100， 128， 1， 30 ccpAddcenterPos， ccp this。

获取range的值就行了，然后将其显示出来，你实时改变range的值，显示的就会实时改变 lt！DOCTYPE htmllthtmlltheadltmeta charset=quotUTFquot value=quot5quotstep=quot10quot oninput=quotchangequot onchange=quotchange。

看你这代码真够无聊的嘿嘿 我帮你写这代码更无聊早饭午饭都没吃 饿的是在没心情工作了就当KILL TIME吧lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml xmlns=quot。

这个很难实现的，因为要想实现准确的进度条，就必须知道要下载的总字节数和当前已下载的字节数，总字节数除了html文件本身，还有里面的各种对象如图片动画css文件js文件等的字节数，还要区分哪些是从电脑的cache取出的，哪些是从服务器下载的，有些数据要等到页面完全下载完毕才能得到，这马后炮有什么。

因为你只定义了一行的img2，txt2，txt3 如果要求得到多行进度条输出，定义的3个id对象的组数应该和你的进度条数相同如果看的没错应该是在loop和wend之间加入其他数据库读取进度的do while循环。

您好，你的问题，我之前好像也遇到过，以下是我原来的解决思路和方法，希望能帮助到你，若有错误，还望见谅获取range的值就行了，然后将其显示出来，你实时改变range的值，显示的就会实时改变 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 lt！DOCTYPE html lthtml lthead ltmeta。

估计他们说的不对 ，你把marginleft0修正左边距。