JSFiddle - React, Tailwind, and code Playground

by Douglas Santos

HTML

<div class="progress-bar"></div>

<!-- ainda saco dos paranauĂŞs heim -->

CSS

.progress-bar {
  width: 100%;
  height: 16px;
  border-radius: 8px;
  background: #d2dfe6;
  background-image: linear-gradient(-45deg, 
    rgba(63,125,232,1) 25%, transparent 25%, transparent 50%, 
    rgba(63,125,232,1) 50%, 
    rgba(63,125,232,1) 75%, transparent 75%, transparent);
  background-size: 50px 50px;
  animation: progressActive 1s linear infinite;
}

@keyframes 
progressActive { 
  0% {background-position:0 0}
  100% {background-position:50px 50px}
}