Bootstrap ProgressbarjQuery 的进度条插件
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 ProgressbarjQuery 的进度条插件
BootstrapProgressbar是一个jQuery插件,扩展了基本引导进度。它通过添加Javascript中预先存在的CSS转换提供了动态进度条。此外,你可以在动态进度条中通过回调显示当前进度
Bootstrap ProgressbarjQuery 的进度条插件
0
jQuery progressBarjQuery进度条插件
这是jQuery用来显示进度条的插件,示例代码:$(document).ready(function
jQuery progressBarjQuery进度条插件
0
jQuery progressBarjQuery进度条插件
这是jQuery用来显示进度条的插件,示例代码:$(document).ready(function(){$("#spaceused1").progressBar();$("#spaceused2")
jQuery progressBarjQuery进度条插件
0
jQMeterjQuery 的进度条插件
jQMeter是一个简单的、轻量级的jQuery插件,它支持显示动态的水平或者是垂直进度条。还能够动态显示目标和完成量之间的关系。你可以自定义外观,可以通过以下选项来自定义外观,如:宽度,高度,背景色
jQMeterjQuery 的进度条插件
0
Bootstrap ToggleBootstrap 插件
BootstrapToggle是非常灵活的Bootstrap插件,转换复选框为切换按钮。在线演示
Bootstrap ToggleBootstrap 插件
0