请教，这个进度条怎么做？？

小阳 2011-12-15 03:03:28

像这样的！有一个开始值，一个结束值，，

...全文

111 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

铜臂阿铁木 2011-12-15

打赏
举报

[Quote=引用 5 楼 dzynihao 的回复:]

C# code

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title></title>

<script type="text/javascript">
function jiazai(……
[/Quote]

我给改了下，美化了一下。



<!--dzynihao（丁则阳）版权-->

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />



<title></title>



<script type="text/javascript">

function jiazai()

{

       var jindu=((80/100)*100)+"%";

    var jindutiao=document.getElementById("jindutiao");

    jindutiao.style.width=jindu;

    }

</script>



</head>



<body  onload="jiazai()">



    

   <div style="width:200px;  border:1px solid #BCBCBC; height:20px;">

        <div style=" height:18px; margin:1px 1px 1px 1px; background:#76E1E4; width:0px; " id="jindutiao">

        

        </div>

    </div>



</body>

</html>

小阳 2011-12-15

打赏
举报





<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />



<title></title>



<script type="text/javascript">

function jiazai()

{

       var jindu=((99/100)*100)+"%";

    var jindutiao=document.getElementById("jindutiao");

    jindutiao.style.width=jindu;

    }

</script>



</head>



<body  onload="jiazai()">



    

   <div style="width:200px;  border:1px solid #FF3300; height:20px;">

        <div style=" height:20px; background:blue; width:0px; " id="jindutiao">

        

        </div>

    </div>



</body>

</html>

直接js写了个，虽然不是动画，但是还是可以得