jQuery 的进度条插件 Bootstrap Progressbar
- 授权协议: MIT
- 开发语言: Ruby JavaScript
- 操作系统: 跨平台
- 软件首页: https://github.com/minddust/bootstrap-progressbar
软件介绍
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; }
PHP和MySQL Web开发
Luke Welling、Laura Thomson / 武欣、邵煜 / 机械工业出版社 / 2005-12 / 78.00元
本书将PHP开发与MySQL应用相结合,分别对PHP和MySQL做了深入浅出的分析,不仅介绍PHP和MySQL的一般概念,而且对PHP和MySQL的Web应用做了较全面的阐述,并包括几个经典且实用的例子。一起来看看 《PHP和MySQL Web开发》 这本书的介绍吧!
Markdown 在线编辑器
Markdown 在线编辑器
RGB CMYK 转换工具
RGB CMYK 互转工具
