@volverjs/style/dist/components/vv-progress.css

@volverjs/style is a lightweight responsive CSS utility library to accompany @volverjs/ui-* and static webpages as well.

:where(:host,:root,.theme){--vv-progress-position: relative;--vv-progress-display: flex;--vv-progress-appearance: none;--vv-progress-width: 100%;--vv-progress-height: var(--spacing-8);--vv-progress-border: var(--border-0);--vv-progress-border-radius: var(--rounded-full);--vv-progress-overflow: hidden;--vv-progress-color: var(--color-brand);--vv-progress-background-color: var(--color-surface-2);--vv-progress-pseudo--webkit-progress-bar-background-color: transparent;--vv-progress-pseudo--moz-progress-bar-background-color: var(--color-brand);--vv-progress-pseudo--moz-progress-bar-transition: var(--transition-all);--vv-progress-pseudo--webkit-progress-value-background-color: var(--color-brand);--vv-progress-pseudo--webkit-progress-value-transition: var(--transition-all);--vv-progress-state-indeterminate-background: var(--color-surface-2) linear-gradient(to right, var(--color-brand) 30%, var(--color-surface-2) 30%) top left/150% 150% no-repeat;--vv-progress-state-indeterminate-animation: var(--animation-progress-indeterminate);--vv-progress-state-indeterminate-pseudo-progress-bar-background: transparent;--vv-progress-state-indeterminate-pseudo-progress-value-background: transparent}:where(.vv-progress){position:var(--vv-progress-position);display:var(--vv-progress-display);-webkit-appearance:var(--vv-progress-appearance);-moz-appearance:var(--vv-progress-appearance);appearance:var(--vv-progress-appearance);width:var(--vv-progress-width);height:var(--vv-progress-height);border:var(--vv-progress-border);border-radius:var(--vv-progress-border-radius);overflow:var(--vv-progress-overflow);color:var(--vv-progress-color);background-color:var(--vv-progress-background-color)}:where(.vv-progress)::-webkit-progress-bar{content:"";background-color:var(--vv-progress-pseudo--webkit-progress-bar-background-color)}:where(.vv-progress)::-moz-progress-bar{content:"";background-color:var(--vv-progress-pseudo--moz-progress-bar-background-color);-moz-transition:var(--vv-progress-pseudo--moz-progress-bar-transition);transition:var(--vv-progress-pseudo--moz-progress-bar-transition)}:where(.vv-progress)::-webkit-progress-value{content:"";background-color:var(--vv-progress-pseudo--webkit-progress-value-background-color);-webkit-transition:var(--vv-progress-pseudo--webkit-progress-value-transition);transition:var(--vv-progress-pseudo--webkit-progress-value-transition)}:where(.vv-progress--indeterminate,.vv-progress.indeterminate,.vv-progress:not([disabled]):indeterminate){background:var(--vv-progress-state-indeterminate-background);animation:var(--vv-progress-state-indeterminate-animation)}:where(.vv-progress--indeterminate,.vv-progress.indeterminate,.vv-progress:not([disabled]):indeterminate)::-webkit-progress-bar{content:"";background:var(--vv-progress-state-indeterminate-pseudo-progress-bar-background)}:where(.vv-progress--indeterminate,.vv-progress.indeterminate,.vv-progress:not([disabled]):indeterminate)::-moz-progress-bar{background:var(--vv-progress-state-indeterminate-pseudo-progress-bar-background)}:where(.vv-progress--indeterminate,.vv-progress.indeterminate,.vv-progress:not([disabled]):indeterminate)::-webkit-progress-value{content:"";background:var(--vv-progress-state-indeterminate-pseudo-progress-value-background)}:where(.vv-progress--indeterminate,.vv-progress.indeterminate,.vv-progress:not([disabled]):indeterminate)::-moz-progress-value{background:var(--vv-progress-state-indeterminate-pseudo-progress-value-background)}