frontend/src/styles/processing-pipeline.css

/* Processing Pipeline Progress Bar Styles */

@property --progress-width {
  syntax: '<percentage>';
  initial-value: 0%;
  inherits: true;
}

[data-progress="0"] {
  width: 0% !important;
}

[data-progress="1"] {
  width: 1% !important;
}

[data-progress="2"] {
  width: 2% !important;
}

[data-progress="5"] {
  width: 5% !important;
}

[data-progress="10"] {
  width: 10% !important;
}

[data-progress="15"] {
  width: 15% !important;
}

[data-progress="20"] {
  width: 20% !important;
}

[data-progress="25"] {
  width: 25% !important;
}

[data-progress="30"] {
  width: 30% !important;
}

[data-progress="35"] {
  width: 35% !important;
}

[data-progress="40"] {
  width: 40% !important;
}

[data-progress="45"] {
  width: 45% !important;
}

[data-progress="50"] {
  width: 50% !important;
}

[data-progress="55"] {
  width: 55% !important;
}

[data-progress="60"] {
  width: 60% !important;
}

[data-progress="65"] {
  width: 65% !important;
}

[data-progress="70"] {
  width: 70% !important;
}

[data-progress="75"] {
  width: 75% !important;
}

[data-progress="80"] {
  width: 80% !important;
}

[data-progress="85"] {
  width: 85% !important;
}

[data-progress="90"] {
  width: 90% !important;
}

[data-progress="95"] {
  width: 95% !important;
}

[data-progress="100"] {
  width: 100% !important;
}