var colors = [
"#fff2f2",
"#ffe6e6",
"#ffd9d9",
"#ffcccc",
"#ffbfbf",
"#ffb3b3",
"#ff9999",
"#ff7373",
"#ff8080",
"#ff5959",
"#ff4d4d",
"#ff4040",
"#ff3333",
"#ff2626",
"#ff1919",
"#ff0d0d",
"#ff0000",
]
var first = 0;
var last = 5;
var xhr = new XMLHttpRequest();
xhr.upload.addEventListener("progress", updateProgress, false);
var foo = document.getElementById("uploadScreen");
var form = document.getElementById("uploadForm");
var percentComplete;
xhr.open("POST", "php/upload.php", true);
xhr.send(new FormData(form));
function updateProgress(event) {
if (event.lengthComputable) {
percentComplete = Math.round(event.loaded / event.total * 100);
var i=praseInt(percentComplete/5);
console.log(foo.style.backgroundColor = colors[i]);
} else {
alert("no no");
}
}
I think there is no need to use for loop in this case.