可以在點擊後實現圖片增長，但在頁面重新整理後不會儲存增長結果
<html>
<head>
<script type="text/javascript">
var c=0
function timedCount()
{
document.getElementById('myimg').width=c //這裡的myimg是條的id。不需要改。
document.getElementById('myimg').height=15
c=c+1
if(c>100) return false; //這裡的數字100表示那個條最終的長度，應該換成你自己想要的長度。
t=setTimeout("timedCount()",10) //這裡的數字10，是條變化的速度。越小越快。
}
</script>
</head>
<body>
<div>
<img src="1.jpg" id="myimg" width="10" height="20"> //這裡的nnn.jpg要換成你自己的進度條圖片，建議這個圖片本身的寬為 1，即width=1。
<input type="button" value="開始" onClick="timedCount()">
</div>
</body>
<html>
/*
如果想在頁面重新整理後儲存增長結果可以通過後台代碼控制
先調出資料庫資料，然後把值賦給高和寬就可以了
this.Image1.Height = 20;
this.Image1.Width =25;//此值可以是你從後台讀出來的
**/
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
