如何将条纹或斜线添加到进度条？

Question

我设计了像

这样的进度条

<style>
    #progress-holder{width:400px;height:20px;background:grey}
    #progress{width:0;height:100%;background:black}
</style>
<div id="progress-holder">
   <div id="progress"></div>
</div>
<script>
   var progress = document.getElementById('progress');
   function updateValue(perc) {
      progress.style.width = perc+'%';
   }
updateValue(40);
</script>

它的简单和updateValue（）函数我可以更改进度值 ...现在我想在此进度条中添加斜线，如

你知道那样的事吗？还是现有的脚本？谢谢:)）

Answer 1

您可以使用Bootstrap。 Bootstrap可让您轻松定义进度条。检查this。 请注意，它在IE9及以下版本中不可用。

如果您想使用Css3，请参阅this link