サンプルコード
スライダーの動きに併せてプログレスバーを変化させてみる。
|
1 2 |
<div id="bar" style="width:200px"></div> <div id="slider" style="width:200px"></div> |
|
1 2 3 4 5 6 7 8 9 |
$('#bar').progressbar({ value: 0, }) $('#slider').slider({ slide: function(event, ui) { console.log(ui.value); $('#bar').progressbar('option','value',ui.value); } }) |
参考サイト
Slider | jQuery UI
https://jqueryui.com/slider/