.progress-container {
  width: 400px;
  height: 25px;
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
  background: #eee;
}

.progress-bar {
  height: 100%;
  width: 100%;
  background-image: repeating-linear-gradient(
    45deg,
    #4c99af,
    #4c99af 10px,
    #71a5bb 10px,
    #71a5bb 20px
  );
  animation: barberpole 1s linear infinite;
}

@keyframes barberpole {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}