.sui-progress {
  width: 100%;
  height: 1rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  overflow: hidden;
}
.sui-progress-slider {
  height: 100%;
  width: 0;
  transition: all 0.75s ease;
  border-radius: var(--radius-sm);
  background-color: var(--primary-base);
}
.sui-progress.success .sui-progress-slider {
  background-color: var(--success-base);
}
.sui-progress.warning .sui-progress-slider {
  background-color: var(--warning-base);
}
.sui-progress.danger .sui-progress-slider {
  background-color: var(--danger-base);
}
.sui-progress.info .sui-progress-slider {
  background-color: var(--info-base);
}
.sui-progress.monochrome .sui-progress-slider {
  background-color: var(--mono-base);
}