Menu
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
678
There are 2 types of progress bars: determinate and indeterminate. The former is used when the amount of information that needs to be loaded is detectable. The latter is used when the system is unsure how much needs to be loaded or how long it will take.
Contextual classes are used to provide "meaning through colors". The contextual classes that can be used with progress bars are: . progress-bar-success.
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; } If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
