如何修复进度条？ | 如何修复进度条

本文介绍了如何修复进度条？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

大家好，

我刚尝试整合这个简单的进度条形码来自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

推荐答案

<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...

这篇关于如何修复进度条？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！