在进度条上关闭引导程序的CSS3过渡
在进度条上关闭引导程序的CSS3过渡
提问于 2012-03-09 01:28:52
有人知道在进度条上禁用Bootstrap的CSS3转换的方法吗？我正在通过javascript/jquery更新它们，不想让它们做动画。
这看起来很有希望，但无法使其工作：Turn Off CSS3 Animation With jQuery?
进度条信息：http://twitter.github.com/bootstrap/components.html#progress
回答 4
Stack Overflow用户
回答已采纳
发布于 2012-03-09 02:31:29
您可以通过将css transition规则设置为none来关闭过渡效果，如下所示：
.progress .bar {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}Stack Overflow用户
发布于 2012-03-09 14:57:11
由于动画来自active类，因此您可以直接使用
$('.progress').removeClass('active');或
$('.progress').toggleClass('active');Stack Overflow用户
发布于 2016-12-28 01:05:32
我用javascript解决了这个问题
$('#proc').hide();
$("#proc").width(0 + "%");
$('#proc').show();对我来说，它工作得很好。没有闪烁，只是在做它的工作。我想你也可以用纯css来实现。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9622043
复制相关文章
相似问题
腾讯云开发者
