.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);
}