jQuery UI进度条详解
本文详细介绍了jQuery UI中进度条的使用方法，包括预知进度和未知进度的应用场景，通过实例代码展示了如何在网页上创建并操作进度条，适合前端开发者学习。
前面在介绍jQuery 入门教程(20): jQuery UI 基本工作过程时简要介绍过Progessbar用法。
在使用进度条时，如果可以预知进度的大小，可以设置Max大小，如果对于一些无法预约时间比如下载文件可以使用“中间状态”的状态条。
基本用法
1 | <!doctype html> |
2 | <html lang="en"> |
3 | <head> |
4 | <meta charset="utf-8" /> |
5 | <title>jQuery UI Demos</title> |
6 | <link rel="stylesheet" href="themes/trontastic/jquery-ui.css" /> |
7 | <script src="scripts/jquery-1.9.1.js"></script> |
8 | <script src="scripts/jquery-ui-1.10.1.custom.js"></script> |
9 | <script> |
10 | $(function () { |
11 | $("#progressbar").progressbar({ |
12 | value: 37 |
扫一扫
1297
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
