浏览器对Bootstrap 3进度条的支持

Question

我正在编码需要使用进度条的MVC 5视图，并且不确定执行此操作的最佳方法。 我想在以下资源中使用Bootstrap 3进度栏： http : //getbootstrap.com/components/#progress

在资源页面上有以下消息：

Cross-browser compatibility
Progress bars use CSS3 transitions and animations to achieve some of their effects. These features are not supported in Internet Explorer 9 and below or older versions of Firefox. Opera 12 does not support animations.

我的问题是：我应该使用在所有浏览器上都可以使用的其他进度条吗？还是可以肯定地说应该使用Bootstrap 3进度条？

提前致谢。

Answer 1

所有浏览器均支持进度条。 较旧的浏览器仅不支持条纹渐变和CSS3动画。 如果您使用条状进度条（ .progress-bar-striped ），则较旧的浏览器（IE 9及更低版本）将显示为简单的进度条，但其动态宽度更改会正常工作。

看一下这些浏览器的统计信息 。 总而言之，这取决于您要为谁构建此网站—最多的用户使用旧浏览器还是新浏览器？