body{margin: 0; background-color: black;}
.fling-minislide { width:100%; height:100vw; padding-bottom: 100%; overflow:hidden; position:fixed;}
img{ position:absolute; animation:fling-minislide 30s infinite; opacity:0;visibility: visible; width:100%; height:57vw;}
@keyframes fling-minislide {0%{visibility: visible;opacity:1;} 4%{opacity:1;} 98%{opacity:1;}100%{opacity:1;}}



.bar{
  position: relative;

  z-index: 200;
  height: 1vh;
  width: 0%;
  background-color: #0044FF;
  -webkit-animation: mymove 30s linear infinite; /* Chrome, Safari, Opera */
  animation: mymove 30s linear infinite;
}

@-webkit-keyframes mymove {
  from {  width: 0%;}
  to {  width: 100%;}
}

@keyframes mymove {
  from {  width: 0%;}
  to {  width: 100%;}
}