JQUERY UI使用者介面設計

進度條

|

83

Progress : <div id=progressbar></div>

<script>

$("div#progressbar").progressbar ();

</script>

圖 6-3　調整過的進度條

progressbar() 方法

progressbar()

方法有兩種呼叫形式：

• $(selector, context).progressbar (options)

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

progressbar(options) 方法

progressbar(options)

方法宣告選定的 HTML 元素應該當成進度條來管理。

options

引

數是個物件，用來指定進度條的外觀與行為。可用的

options

（選項）如表 6-1 所示，

讓您可控制進度條的進度、以及與進度條有關的事件。

表 6-1　管理進度條與事件的選項

選項 功能

options.value

要填滿的進度條百分比（從 0 到 100）。

options.change

當進度條的填滿百分比改變時（改變

options.value

選項時），會呼叫

change(event)

方法。