Bootstrap 3 进度条的浏览器支持答案

【问题标题】：Browser support for Bootstrap 3 progress barBootstrap 3 进度条的浏览器支持
【发布时间】：2015-01-08 11:21:21
【问题描述】：

我正在编写一个需要使用进度条的 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 进度条？

提前致谢。

【问题讨论】：

进度条不太漂亮，但在不支持这些功能的浏览器中仍然可以接受。

标签： twitter-bootstrap-3 asp.net-mvc-5 progress-bar browser-support

【解决方案1】：

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

看看这些browser statistics。总而言之，这取决于您为谁构建此网站 - 您的大多数用户使用旧浏览器还是新浏览器？

【讨论】：