/**
* ProgressBar for jQuery
*
* @version 1 (29. Dec 2012)
* @author Ivan Lazarevic
* @requires jQuery
* @see http://workshop.rs
*
* @param {Number} percent
* @param {Number} $element progressBar DOM element
*/
function progressBar(percent, $element) {
var progressBarWidth = percent * $element.width() / 100;
$element.find('div').animate({ width: progressBarWidth }, 1500).html(" ");
$element.find('div').css("background-color", "rgb(102, 147, 188)");
$element.css("text-align", "left"); //Added by YinYin 20140114 -- Element will align center in IE7
}
function listbar(progress)
{
var isIE7 = false;
//commented by YinYin 20140114 -- debug for IE7
//if($.browser.msie && parseFloat($.browser.version) < 8){
// isIE7 = true;
//}
var width = $("#progressBar").width();
//var progress=["Document Prepared","Booking Arranged","Collected","In Transit","Arrived at Destination", "Out for Delivery", "Delivered"];
var interval= width/ (progress.length);
//console.log(width);
if($("#bar barwhitearrow").length==0){
$("#bar").prepend("
");
}
for (var i=0; i< progress.length+1 ; i++)
{
if (i< progress.length) {
$(".statusline").append(""+progress[i]+"
");
}
//if (i< progress.length -1) {
//$(".dashes").append(">
");
//}
//if (i< progress.length & i>0) {
if (i< progress.length+1) {
var progressbarborderwidth = "10px";
if ($("#progressbarborderwidth").length > 0) { progressbarborderwidth = $("#progressbarborderwidth").val(); }
var progressbarspacewidth = 11;
if ($("#progressbarspacewidth").length > 0) { progressbarspacewidth = $("#progressbarspacewidth").val(); }
var progressbarspacewidth2 = 0;
if ($("#progressbarspacewidth2").length > 0) { progressbarspacewidth2 = $("#progressbarspacewidth2").val(); }
var progressbarspacewidth3 = 20;
if ($("#progressbarspacewidth3").length > 0) { progressbarspacewidth3 = $("#progressbarspacewidth3").val(); }
var progressbarheight = 20;
if ($("#progressbarheight").length > 0) { progressbarheight = $("#progressbarheight").val(); }
//if (i == 7) { progressbarspacewidth = 15; }
if(i< progress.length){
if (!isIE7) {
$("#barwhitearrow").append("");
}
}
if (!isIE7) {
$("#barwhitearrow").append("");
}
if (i > 0) {
if (!isIE7) {
//Modified by YinYin 20140114 -- IE7 not support transparent (Changed Transparent to #FFF
$("#barwhitearrow").append("");
//$("#barwhitearrow").append("");
}
}
}
}
}
function currentprogress(progress,totalcount){
if (!totalcount) { totalcount = 7;}
setTimeout(function () {
//progress
progress = progress * 1;
progress += 1;
var time = 100;
var q = 0;
$(".ending-arrow").each(function(index) {
var indexno = index;
if (q > progress - 1) {
setTimeout(function() {
$(".ending-arrow:eq(" + indexno + ")").css("border-left", "10px solid #CCC");
//$(this).css("border-left","10px solid #CCC");
//console.log(3);
}, time);
} else {
setTimeout(function () {
var progressbarcolor = "6693BC";
var progressbarborderwidth = "10px";
if ($("#progressbarcolor").length > 0) { progressbarcolor = $("#progressbarcolor").val(); }
if ($("#progressbarborderwidth").length > 0) { progressbarborderwidth = $("#progressbarborderwidth").val(); }
$(".ending-arrow:eq(" + indexno + ")").css("border-left", progressbarborderwidth+" solid #" + progressbarcolor);
}, time);
}
time += 50;
q += 1;
});
var percentage = (progress / totalcount*1) * 100;
progressBar(Math.floor(percentage), $("#progressBar"));
var i = 0;
$(".point").removeClass("point-done");
console.log(progress);
$(".statusline .point").each(function() {
if (i == ((progress * 1 - 1))) {
$(this).addClass("point-done");
}
i += 1;
});
}, 1000);
}