progress.css

.progress {
  height: 5px;
}

.progress-bar {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 1) 100%);
  width: 100%;
  animation-duration: 3s;
  animation-name: sweep;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes sweep {
  to {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0.1) 10%, rgba(0, 0, 0, 1) 100%);
  }
}

progress.html

<div class="container p-4">
  <div class="card">
    <div class="card-body">
      <div class="progress">
        <div class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
      </div>
    </div>
  </div>
</div>