.progress-bar {
  height: 0.5rem;
  border-radius: var(--rounded-full);
  background: rgb(var(--text-color) / 0.3);
  overflow: hidden;
}

.progress-bar:before {
  content: '';
  height: inherit;
  background: rgb(var(--accent));
  transform-origin: var(--transform-origin-start);
  transform: scaleX(var(--progress, 0));
  transition: transform 0.5s ease-in-out;
  display: block;
}