Сделал progress bar , может есть идеи как сделать проще ? а то что то 2 цикла не очень нравиться ((
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<meta charset="utf-8">
<style>
</style>
</head>
<body>
<canvas id="canvas" width="100" height="100"></canvas>
</body>
<script>
var canvas = document.getElementById('canvas'),
ctx = canvas.getContext('2d');
function bar (mas){
var el = mas[mas.length-1];
for(var i = mas.length-2; i >= 0; i--) mas[i+1] = mas[i];
mas[0] = el;
for(var i = 0; i < mas.length; i++) {
ctx.fillStyle = mas[i];
ctx.fillRect(i * 20, 50, 10, 10);
}
setTimeout(function(){bar(mas)}, 100)
}
bar(['#B8B8B8', '#A8A8A8', '#989898', '#888888', '#787878'])
</script>
</body>
</html>