相关疑难解决方法(0)

是否可以使用Twitter Bootstrap(v2或v3)使用某些内置功能或第三方插件呈现不确定的进度条？我试图谷歌,但没有运气.

我要实现的示例:

我正在构建一个进度条控件,我正在研究它实际上并没有显示进度的情况,而只是旋转指示"正在发生的事情".我的设计基本上是交替的斜条纹,基本上是一个像这样的理发杆,但"旋转":

希望尽可能多地卸载到渲染引擎,我想为此使用CSS转换.支持旧浏览器不是我的问题.

所以,我的第一个想法是基本上这样做:

.barber-pole {
    background-image: url(repeating-slice.png);

    /* set a very long (one hour!) transition on the background-position */
    transition: background-position 3600s linear 0s;
}

...然后,当它被渲染到屏幕时,使用Javascript基本上这样做:

myBarberPole.style.backgroundPosition = '-1000000px 0';

是否有任何性能问题:

1. 过渡那么久
2. 有background-position: -1000000px 0？

或者,您有更好的解决方案吗？