我尝试了很多方法，但没有一个结果是正确的......
我正在尝试为 HTML5/Javascript 进度条设置动画，并在一个页面中包含多个进度条。另外，我尝试使用 <style> 将所有内容保存在一个 HTML 文件中和<script>标签。
现在，这是我的问题:进度条的条形部分不会显示在第一个进度条之后的任何进度条上 [ See here/JSFiddle ] [Where I got the code from ]
<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>
有什么建议吗？
谢谢!
最佳答案
每个进度条都有相同的 ID，它们都应该有不同的 id，即:progressbar1、progressbar2。然后你需要修改你的 JavaScript 代码来为每个 id 构建一个进度条。
关于javascript - HTML5/Javascript Progress 多个动画条，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17846029/