[data-theme="light"] .progress,
.progress {
  --progress-bg: #ccc;
  --progress-active-bg: var(--color-primary);

  width: 100%;
  height: 10px;
  border-radius: 50em;
  background-color: var(--progress-bg);
  overflow: hidden;
}

[data-theme="dark"] .progress {
  --progress-bg: #3E3E3E;
  --progress-active-bg: #589577;
}

.progress-bar {
  height: 100%;
  background-color: var(--progress-active-bg);
}