.load-bar {
	position: fixed;
    z-index: 999999999999999;
    width: 100%;
    top: 0;
    left: 0;
	
  }
.bar {	
	content: "";
	display: inline;
	position: absolute;
	width: 100%;
	height: 5px;
	left: 50%;
	text-align: center;
}
.bar:nth-child(1) {
  background-color: #6B8C6B;
  height: 3px;
  animation: loading 3s linear infinite;
}
.bar:nth-child(2) {
  background-color: #FF595E;
  height: 3px;
  animation: loading 3s linear 1s infinite;
}
.bar:nth-child(3) {
  background-color: #00abef;
  height: 3px;
  animation: loading 3s linear 2s infinite;
}
@keyframes loading {
    from {left: 50%; width: 0;z-index:100;}
    33.3333% {left: 0; width: 100%;z-index: 10;}
    to {left: 0; width: 100%;}
}