jQuery UI |进度条方法

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

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

• 确定进度条
• 不确定进度条

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

$(selector, context).progressbar (options)

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

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

OPTION	PURPOSE
disabled	When the progress bar disables set to true. By default its value is false.
max	Maximum value for a progress bar. By default its value is 100.
value	Initial value of the progress bar. By default its value is 0.

示例：下面是上述方法的实现：

  

    my progressbar
    
    
    
    
    
    
    
    
    
        .ui-widget-header {
            background: gray;
            border: 1px solid black;
        }
    
    
        $(function() {
            $("#progressbar").progressbar({
                value: 90
  
            });
        });
    
  

  

    
    

  

输出：