Javascript 条形图，类似于引导进度条

我正在努力实现以下目标：

我基本上想让它们代表我从数据库中提取的数据。但我想不出实现这一目标的时间

所以我想我可以使用bootstrap进度条，但风格有点不同

这就是html中的情况

有人知道我现在怎么能把台词改得更近吗

我认为这与引导中的css样式有关

 -webkit-linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)

但是我不能复制这张照片。

像这样的东西

background-color: gray;
background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 10px);

我修改了一点，它比引导程序更容易理解。然后别忘了让它跨浏览器兼容。

试试这个

.progress {border-radius:0;}
.progress-bar-striped, .progress-striped .progress-bar {
    linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 7px 7px;
}

---

.进度条带条纹{背景：重复线性渐变（135度，#464，#8f8 3px，#868 1px）}良好，但看起来不够近