jQuery 進度條上的原點,是指進度條上用來表示當前進度的小圓點。這個原點可以用 jQuery 插件實現。
$(document).ready(function() { $("#progressbar").progressbar({ value: 37, create: function() { $('.ui-progressbar-value').append(''); }, change: function() { var val = $('.ui-progressbar-value').width(); var pos = val - 6; $('#progressbar-dot').css('left', pos + 'px'); } }); });
在上述代碼中,首先使用 progressbar 方法來創建進度條。然后在 create 事件中,添加一個子元素 #progressbar-dot ,這個子元素就是用來表示原點的。
隨后,在 change 事件中,獲取當前進度條的寬度,并用它減去原點的寬度,來計算原點的位置。然后,使用 jQuery 的 css 方法設置原點的 left 樣式,從而改變它的位置。
通過這種方式,我們可以很方便地實現進度條上的原點,以更好地展示進度信息。