如何修复进度条？ [英] How do I fix progress bar?
问题描述
大家好，
我刚尝试整合这个简单的进度条形码来自codepen.io
http://codepen.io/thathurtabit/pen/ymECf
但进度条总是100％（根本没有动画）
有没有人知道这个问题？
这是我的简单试用：
www.siliconvalley.lima-city。 de / progressbar
提前谢谢。
最好的问候，
Marco
Hi everyone,
I just tried to integrate this simple progress bar code from codepen.io
http://codepen.io/thathurtabit/pen/ymECf
But the progress bar is always at 100% (no animation at all)
Is there anyone who knows the problem?
here is my simple trial:
www.siliconvalley.lima-city.de/progressbar
thank you in advance.
best regards,
Marco
推荐答案
您好，
按照以下步骤操作：
首先创建一个这样的表并在其中添加一些列。
Hi,
Follow the below steps:
First create a table like this and put some columns in it.
<table style="width: 1257px">
<tr>
<td class="style6"></td>
<td class="style1">
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td id="td1" class="style8" style="border-style: none">L</td>
<td id="td2" class="style8" style="border-style: none">o</td>
<td id="td3" class="style8" style="border-style: none">a</td>
<td id="td4" class="style8" style="border-style: none">d</td>
<td id="td5" class="style8" style="border-style: none">i</td>
<td id="td6" class="style8" style="border-style: none">n</td>
<td id="td7" class="style8" style="border-style: none">g</td>
<td id="td8" class="style8" style="border-style: none">...</td>
<td id="td9" class="style8" style="border-style: none">.</td>
</tr>
</table>
</td>
<td></td>
<td></td>
</tr>
</table>
之后在<的onload事件上写Show（）函数。体>标签。因此，当页面加载时，将调用该函数。
After that write the Show() function on the onload event of the <body> tag. So when the page is loaded the function will be called.
<body >
.....
...
</body>
现在编写JavaScript函数。在此函数中，首先更改第一列的颜色，然后更改第二列，如下所示：
Now write the JavaScript function. In this function, first change the color of the first column and then the second column like this:
<script language="javascript" type="text/javascript">
function Show()
{
document.getElementById('td1').style.backgroundColor='Blue';
setTimeout("Show1()",300);
}
function Show1()
{
document.getElementById('td2').style.backgroundColor='Blue';
setTimeout("Show2()",300);
}
function Show2()
{
document.getElementById('td3').style.backgroundColor='Blue';
setTimeout("Show3()",300);
}
function Show3()
{
document.getElementById('td4').style.backgroundColor='Blue';
setTimeout("Show4()",300);
}
function Show4()
{
document.getElementById('td5').style.backgroundColor='Blue';
setTimeout("Show5()",300);
}
function Show5()
{
document.getElementById('td6').style.backgroundColor='Blue';
setTimeout("Show6()",300);
}
function Show6()
{
document.getElementById('td7').style.backgroundColor='Blue';
setTimeout("Show7()",300);
}
function Show7()
{
document.getElementById('td8').style.backgroundColor='Blue';
setTimeout("Show8()",300);
}
function Show8()
{
document.getElementById('td9').style.backgroundColor='Blue';
}
</script>
我认为，它可能对你有所帮助......
I think, It may be helpful to you...
这篇关于如何修复进度条？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
