nitropage/src/components/progress.module.css

A free and open source, extensible visual page builder based on SolidStart.

.progress {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
}
.progress__labelContainer {
  display: flex;
  justify-content: space-between;
}
.progress__label,
.progress__valueLabel {
  font-size: 0.875rem;
  font-feature-settings: "tnum";
}
.progress__track {
  height: 0.5rem;
  background-color: var(--np-slate-200);
}
.progress__fill {
  background-color: var(--np-accent-400);
  height: 100%;
  width: var(--kb-progress-fill-width);
  transition: width 250ms var(--np-ease-in-out-cubic);
}
.progress__fill[data-progress="complete"] {
  background-color: var(--np-success-foreground);
}