.progress {
  inline-size: 100%;
  block-size: var(--progress-height);
  overflow: hidden;
  border: var(--border-width-sm) solid var(--color-border);
  border-radius: var(--radius-pill);
  background: var(--color-surface-soft);
  box-shadow: var(--shadow-sm);
}
.progress__bar {
  inline-size: var(--progress-value, 0%);
  block-size: 100%;
  border-radius: inherit;
  background: var(--grad-success);
  transition: inline-size var(--duration-slow) var(--ease-out);
}