Question

Anyone know a way to disable Bootstrap’s CSS3 transitions on the progress bars? I’m updating them via javascript/jquery and don’t want them doing the animating.

This looked promising but couldn’t get it to work: Turn Off CSS3 Animation With jQuery?

Info on progress bars: http://twitter.github.com/bootstrap/components.html#progress

Answer 1

You can turn off the transition effects by setting the css transition rule to none, like so:

.progress .bar {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}​