0

我尝试了很多东西,但没有一个是正确的......

我正在尝试为 HTML5/Javascript 进度条制作动画,并在一页中有多个。此外,我正在尝试使用<style><script>标签将所有内容保存在一个 HTML 文件中。

现在,这是我的问题:进度条的条形部分在第一个进度条之后没有显示在任何进度条上 [参见此处/JSFiddle ] [我从哪里获得代码]

 <body>
    <div class="demo-wrapper html5-progress-bar"> <!-- This one shows just fine -->
        <div class="progress-bar-wrapper">
            <progress id="progressbar" value="0" max="100" stop="57"></progress>    <span class="progress-value">0%</span>

        </div>
    </div>
    <div class="demo-wrapper html5-progress-bar"> <!-- This one? Not so much. -->
        <div class="progress-bar-wrapper">
            <progress id="progressbar2" value="0" max="100" stop="57"></progress>   <span class="progress-value">0%</span>

        </div>
    </div>
</body>

有什么建议吗?

谢谢!

4

2 回答 2

1

每个进度条都有相同的 id,它们应该有一个不同的idie: progressbar1, progressbar2。然后你需要修改你的 JavaScript 代码来为每个 id 构建一个进度条。

于 2013-07-24T22:52:58.937 回答
1

进度条具有相同的 id,因此编译器将两个进度条视为同一事物。

于 2013-07-24T22:42:41.447 回答