javascript - 条形图，类似于 bootstrap 进度条

Question

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

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

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

在html中是这样的 http://www.bootply.com/QOwn8Bs0wY

有谁知道我现在如何才能将线路更改得更近一些？

我认为它与 Bootstrap 中的这些 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)

但我无法复制图片。

Answer 1

是这样的吗？

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

我修改了this一点，它比 Bootstrap 更容易理解。然后不要忘记让它跨浏览器兼容。