查看: 586|回复: 3

[求代码] 动态进度条

[复制链接]
挺好的 发表于 2020-4-17 07:23:06 来自手机 | 显示全部楼层 |阅读模式
我现在asp中有个while循环,想根据循环中变量动态显示进度条,有没有大佬提供思路
 楼主| 挺好的 发表于 2020-4-17 07:23:39 来自手机 | 显示全部楼层
<div id="progress"><p>0%</p></div><% while epoc<100 epoc=epoc+1 %> Response.Write "<script>move(epoc);</script>" <%wend%> <script language="javascript"> function move(u){var op=document.getElementById("progress").getElementsByTagName("p")[0]; var s=u; var w=500*s/100; op.innerHTML=s+"%"; op.style.width=w+"px"; op.style.marginLeft=-w/2+"px"; } </script></body>
 楼主| 挺好的 发表于 2020-4-17 07:23:57 来自手机 | 显示全部楼层
<style type="text/css"> #progress { width: 100%; height: 100%; background: #6C94B7 } #progress p { text-align: center; background: #C44C4E; border-radius: 3px; width: 0px; height: 30px; line-height: 30px; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: 0px; } </style></head>
 楼主| 挺好的 发表于 2020-4-17 07:24:59 来自手机 | 显示全部楼层
我想尝试这样,但不行,请大佬指教!
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表

在线客服

售前咨询
售后咨询
服务热线
023-58418553
微信公众号