Как с помощью jQuery линия времени

---

hi,
     
 
This is my script ;
 ---------------------- 
var value = null;
var left = null;
var getAllvalue;
var commonvalue = {};


(function ($) {
$.fn.slideToPos = function () {

if (getAllvalue == "Seller") {

$(".menu a.knob").css("left", 80, $("#Para").text("Preparing"));
$(".before").css("width", 100);
}
else if (getAllvalue == "Shipper")
{

$(".menu a.knob").css("left", 210, $("#Para").text("Dispatched"));
$(".before").css("width", 230);
}
else if (getAllvalue == "CourierOfficer")
{
$(".menu a.knob").css("left", 440, $("#Para").text("On d way"));
$(".before").css("width", 460);
}
else if (getAllvalue == "DeliveryPerson") {
$(".menu a.knob").css("left", 640, $("#Para").text("OutForDelivery"));
$(".before").css("width", 660);
}
else {
$(".menu a.knob").css("left", 20);
$(".before").css("width", 40);
}

return this;
};


})(jQuery);



var MyLibrary = MyLibrary || (function () {

return {

init: function (responce) {
commonvalue = responce;
},
changeLine: function (Addlinevalue) {
getAllvalue = Addlinevalue;
$(".menu").slideToPos();
var nav1 = $(".before");
if (nav1.length) {
$('html, body').animate({ scrollTop: nav1.offset().top }, 400);

}
}

};
}(jQuery));

Что я уже пробовал:

я пытаюсь сделать временную шкалу, как Amazon shopping order Tracking timeline.у меня есть одно сомнение в этом немного я хочу сделать некоторые изменения here.in эта временная линия непосредственно доходит до этой конкретной ширины, когда я нажимаю кнопку Отправить. мне нужно от начального уровня до уровня ширины.когда я нажму кнопку Отправить он будет медленно идти в течение этого периода времени я хочу сделать это можете ли вы пожалуйста сказать мне любой справочный сайт если вы знаете средства скажите мне пожалуйста

---