jQuery UI 进度条

17 Mar 2025 | 阅读 2 分钟

进度条指定操作或进度的完成百分比。

进度条可以分为两种类型

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

确定性进度条

确定性进度条仅用于系统可以准确更新当前状态的情况。确定性进度条不应从左到右填充,然后循环回空以进行单个进程。

不确定性进度条

不确定性进度条用于提供用户反馈。

语法

您可以使用 progressbar() 方法的两种形式

第一种方法

progressbar (options) 方法指定 HTML 元素可以以进度条的形式进行管理。 这里的“options”参数是一个对象,用于指定进度条的外观和行为。

语法

您可以使用 JavaScript 对象一次使用一个或多个选项。 如果有多个选项,则必须使用逗号分隔它们,如下所示

以下是可以与此方法一起使用的不同选项的列表。

选项描述
disabled如果将此选项设置为 true,则它会禁用进度条。 默认情况下,其值为 false。
max此选项用于设置进度条的最大值。 默认情况下,其值为 100。
此选项指定进度条的初始值。 默认情况下,其值为 0。

jQueryUI Progressbar() 方法示例

让我们举一个简单的例子来演示进度条的功能,不向 progressbar() 方法传递任何参数。

立即测试
下一个主题jQuery UI Selectmenu