Bootstrap Progressbar default valuestransition_delayanimation 介绍
Bootstrap Progressbar 是一个 jQuery 插件，扩展了基本引导进度。它通过添加 Javascript 中预先存在的 CSS
转换提供了动态进度条。此外，你可以在动态进度条中通过回调显示当前进度信息。
代码示例 ：
default values
Progressbar.defaults = {
transition_delay: 300,
refresh_speed: 50,
display_text: 'none',
use_percentage: true, percent_format: function(percent) { return percent + '%'; }, amount_format: function(amount_part, amount_total) { return amount_part + ' / ' + amount_total; },
update: $.noop,
done: $.noop,
fail: $.noop
};
transition_delay
$(document).ready(function() {
$('.progress .progress-bar').progressbar({
transition_delay: 1500
});
});
animation
-
horizontal
-
less
.progress .bar {.transition(width 2s ease-in-out);
} -
scss
.progress.vertical .progress-bar {@include transition(width 2s ease-in-out);
} -
css
.progress .bar {-webkit-transition: width 2s ease-in-out;
-moz-transition: width 2s ease-in-out;
-ms-transition: width 2s ease-in-out;
-o-transition: width 2s ease-in-out;
transition: width 2s ease-in-out;
} -
vertical
-
less
.progress.vertical .bar {.transition(height 2s ease-in-out);
} -
scss
.progress.vertical .bar {@include transition(height 2s ease-in-out);
} -
css
.progress.vertical .bar {-webkit-transition: height 2s ease-in-out;
-moz-transition: height 2s ease-in-out;
-ms-transition: height 2s ease-in-out;
-o-transition: height 2s ease-in-out;
transition: height 2s ease-in-out;
}
Bootstrap Progressbar default valuestransition_delayanimation 官网
https://github.com/minddust/bootstrap-progressbar
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。