September 27, 2013

Bootstrapのプログレスバーの移動速度を変更する

BootstrapのCSSを見てみると
.progress-bar {
... 略 ...
  -webkit-transition: width 0.6s ease;
          transition: width 0.6s ease;
}
とあり
.progress-bar {
    -webkit-transition: width 0s ease;
    transition: width 0s ease;
}
のように、適当な場所でオーバーライドすれば変更出来ました。0にすると即時に移動する感じになりました。

参考:
http://stackoverflow.com/questions/12320669/how-do-you-animate-a-twitter-bootstrap-progress-bar-smoothly

No comments:

Post a Comment