冰剑'blog

昨天由于项目需要，我要用js写一个控制百分比的进度条，第一次写js，在wangxing同学的帮助下完成了。感觉也不难哈！
效果如下：


要用js获取4566和6000这两个值！
我分别用js和jQuery写了出来！
javascript代码如下：

<br/>function ggg1(id1,id2,id3)<br/>        {      document.getElementById(id1).style.width=document.getElementById(id2).innerHTML/document.getElementById(id3).innerHTML*100+"%"; <br/>        }<br/>

jQuery代码如下（需要引用jQuery的js）：

<br/><script type="text/javascript"><br/>        function ggg1(id1,id2,id3)<br/>        {<br/>            jQuery("#"+id1).css({"width":jQuery("#"+id2).html()/jQuery("#"+id3).html()*100+"%"});<br/>        }<br/>    </script><br/>

由于是需要两个进度条，我就用了三个参数来传递。
html代码：

<br/><div class="progressbar"><br/><div id="g2" class="stamina " style="width:0;">         <br/>     <div> </div><br/></div><br/></div><br/><br/><span class="fl mleft10"><span id="ts"><%=stamina %></span>/<span id="tx">100</span></span><br/><br/>

用的是群里Ashuang发的一个进度条的代码，感谢。
最后运行的代码：

<br/><br/><script type="text/javascript">ggg1("g1", "js", "jx");ggg1("g2", "ts", "tx");</script><br/><br/>

看演示： http://www.xunzou.com/demo/jindutiao.html