如何使我的SoundCloud进度条可拖动

Question

我正在尝试制作一个SoundCloud音乐播放器。我为它做了一个搜索栏，以显示声音的进展。但我想通过jQuery让它变得可拖动。

以下是进度条的代码。我该如何添加draggable？

SC.stream("/tracks/147310720", function (sound) {
    sound.play({
        whileplaying: function () {
            $(".seekLoad").css('width', ((sound.position / sound.duration) * 100) + '%');
        },
    });
    $(".seekBase").click(function (e) {
        x = e.pageX - $(this).offset().left,
        width = $(this).width(),
        duration = sound.durationEstimate;
        sound.setPosition((x / width) * duration);
    });

});

演示：http://jsfiddle.net/danials/wBZyX/