jquery - jQuery UI プログレスバー/スライダーを組み合わせる

Question

Jquery UI スライダーをメディア プレーヤーのシーク バーとして使用したいと考えています。バッファリングとシークバーの両方を表示したい。単一のスライダー/進行状況バーでこれらの両方を実行できる方法はありますか

現在、両方に別々のスライダーを使用しています

// シーク バーの場合

jwplayer(player_id).onTime(function(a){
  $("#slider-range" ).slider({ 
          max: a.duration,
          value:a.position,
   })
});

// バッファリング用

jwplayer(player_id).onBufferChange(function(a){
    $("#slider-buffer" ).slider({
         value:a.bufferPercent,
        })