Как уменьшить путь позади ползунка при его движении?

Question

[_ umr]

Имею такой ползунок:

Проблема в том, что когда я его веду, то за ним остается хвост, его мне нужно удалить, то есть должно быть так: идет ползунок и сразу уменьшается эта линия(путь ползнука)

Под этим самым ползунком имеется фото, так что закрашивать за ним не выйдет

Код ползунка

$(".fc").on("mousedown", function() {
	    $(".active-intro .path-container").mousemove(function(e) {
	            var offset = $(this).offset();
	            $(".active-intro .fc").css({
	                "left": e.pageX - offset.left - 60
	            });
	    });
	}).on("mouseup", function() {

	});

css

.path
					position relative
					float left
					width 200px
					height 4px
					background url('../../assets/path.png') repeat-x;
					top 13.5px
					z-index 55

					.fc
						position absolute
						width 44px
						height 43px
						background url('../../assets/path-arrow.png') no-repeat
						left -46px
						top -20px
						z-index 60
						cursor -moz-grab;
						cursor -webkit-grab
						transition transform 200ms
						&:active
              border-radius 100%
              transition transform 200ms
              cursor -moz-grabbing
              cursor -webkit-grabbing
              transform scale(0.8)

Comments

[Mr Crabbz]

это так клёво - гадать на кофейной гуще, не видя ваш код =) Предлагаю закрашивать полосу слева белым цветом.

[_ umr]

Роман Краббз: Под этим самым ползунком имеется фото, так что закрашивать за ним не выйдет

Answer 1

[Atllantis]

Просто уменьшайте длину линии и изменяйте отступ так, чтобы за ползунком ничего не было видно.

Comments

[_ umr]

не выходит