【文件属性】:
文件名称:jQuery的进度条插件BootstrapProgressbar.zip
文件大小:497KB
文件格式:ZIP
更新时间:2022-08-07 22:57:55
开源项目
Bootstrap Progressbar 是一个 jQuery 插件,扩展了基本引导进度。它通过添加 Javascript 中预先存在的 CSS 转换提供了动态进度条。此外,你可以在动态进度条中通过回调显示当前进度信息。代码示例:default valuesProgressbar.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
});
});animationhorizontalless.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;
}verticalless.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