JQuery UI进度条方法

Jquery UI（用户界面）是建立在jQuery JavaScript库之上的JavaScript库。它是建立在jQuery JavaScript库之上的用户界面交互、效果、小工具和主题的集合。

进度条告诉我们任务完成的百分比以及还剩下多少。它是一个GUI小部件，在用户和系统之间创造了一种互动。
有两种类型的进度条

确定的进度条
不确定的进度条

语法:
progressbar()方法有两种形式，每种形式的使用取决于需求。这两种形式如下：-

$(selector, context).progressbar (options)

$(selector, context).progressbar ("action", params)

下表显示了可用于该方法的不同选项：

选项	目的
disabled	当进度条禁用时设置为true。默认情况下，其值为false。
max	进度条的最大值。默认情况下，其值为100。
value	进度条的初始值。默认情况下，其值为0。

例子：下面是上述解释的方法的实现。

<!DOCTYPE html>
<html>
  
<head>
    <title>my progressbar</title>
    <link rel="stylesheet" 
          type="text/css" 
href="https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css">
    
    <script type="text/javascript" 
            src="https://code.jquery.com/jquery-1.10.2.js">
    </script>
    
    <script type="text/javascript" 
            src="https://code.jquery.com/ui/1.10.4/jquery-ui.js">
    </script>
    
    <style type="text/css">
        .ui-widget-header {
            background: gray;
            border: 1px solid black;
        }
    </style>
    <script>
         $(function() {$ ("#progressbar").progressbar({
                value: 90
  
            });
        });
    </script>
  
</head>
  
<body>
    <div id="progressbar">
    </div>
</body>
  
</html>

输出:
JQuery UI进度条方法