.wsf-form progress.wsf-progress {
  display: block;
  height: var(--wsf-field-progress-size);
  vertical-align: baseline;
  width: 100%;
}

.wsf-form progress.wsf-progress[value] {
  -webkit-appearance: none;
  background-color: var(--wsf-field-progress-color-background);
  border: none;
  border-radius: var(--wsf-field-border-radius);
}

.wsf-form progress.wsf-progress[value]::-webkit-progress-bar {
  background-color: var(--wsf-field-progress-color-background);
  border-radius: var(--wsf-field-border-radius);
}

.wsf-form progress.wsf-progress[value]::-webkit-progress-value {
  background-color: var(--wsf-field-progress-color-background-bar);
  border-radius: var(--wsf-field-border-radius);
}

.wsf-form progress.wsf-progress[value]::-moz-progress-bar {
  background-color: var(--wsf-field-progress-color-background-bar);
  border-radius: var(--wsf-field-border-radius);
}

.wsf-form progress.wsf-progress[value]::-ms-fill {
  background-color: var(--wsf-field-progress-color-background-bar);
  border: 0;
}

.wsf-form progress.wsf-progress.wsf-progress-success[value]::-webkit-progress-value {
  background-color: var(--wsf-field-progress-color-background-complete);
}

.wsf-form progress.wsf-progress.wsf-progress-success[value]::-moz-progress-bar {
  background-color: var(--wsf-field-progress-color-background-complete);
}

.wsf-form progress.wsf-progress.wsf-progress-success[value]::-ms-fill {
  background-color: var(--wsf-field-progress-color-background-complete);
}

.wsf-form.wsf-rtl progress.wsf-progress[value]::-webkit-progress-value {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--wsf-field-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: var(--wsf-field-border-radius);
}

.wsf-form.wsf-rtl progress.wsf-progress[value]::-moz-progress-bar {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--wsf-field-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: var(--wsf-field-border-radius);
}

.wsf-form.wsf-rtl progress.wsf-progress[value='100']::-webkit-progress-value {
  border-bottom-left-radius: var(--wsf-field-border-radius);
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--wsf-field-border-radius);
  border-top-right-radius: 0;
}

.wsf-form.wsf-rtl progress.wsf-progress[value='100']::-moz-progress-bar {
  border-bottom-left-radius: var(--wsf-field-border-radius);
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--wsf-field-border-radius);
  border-top-right-radius: 0;
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] progress.wsf-progress[value] {
  background-color: var(--wsf-field-progress-color-background-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] progress.wsf-progress[value]::-webkit-progress-bar {
  background-color: var(--wsf-field-progress-color-background-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] progress.wsf-progress[value]::-webkit-progress-value {
  background-color: var(--wsf-field-progress-color-background-bar-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] progress.wsf-progress[value]::-moz-progress-bar {
  background-color: var(--wsf-field-progress-color-background-bar-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] progress.wsf-progress[value]::-ms-fill {
  background-color: var(--wsf-field-progress-color-background-bar-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] progress.wsf-progress.wsf-progress-success[value]::-webkit-progress-value {
  background-color: var(--wsf-field-progress-color-background-complete-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] progress.wsf-progress.wsf-progress-success[value]::-moz-progress-bar {
  background-color: var(--wsf-field-progress-color-background-complete-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] progress.wsf-progress.wsf-progress-success[value]::-ms-fill {
  background-color: var(--wsf-field-progress-color-background-complete-alt);
}