/* Progress Bar Utilities */
.progress-bar {
  transition: width 0.5s ease;
}

/* Width utilities for progress bars - these will be set via custom properties */
.progress-bar-dynamic {
  width: var(--progress-width, 0%);
}

/* Alternative approach using data attributes */
[data-progress-width] .progress-bar-fill {
  width: attr(data-progress-width);
}