@shopify/polaris/dist/esnext/components/ProgressBar/ProgressBar.css

Shopify’s product component library

@keyframes Polaris-ProgressBar--fillup_v0nyp{ 0%{ width:0; } }

.Polaris-ProgressBar_17609{ overflow:hidden; width:100%; background-color:var(--p-surface-neutral, #dfe3e8); border-radius:var(--p-border-radius-base, 3px); }

@media screen and (-ms-high-contrast: active){ .Polaris-ProgressBar_17609{ border:1px solid windowText; } }

.Polaris-ProgressBar--sizeSmall_7647q{ height:0.8rem; }

.Polaris-ProgressBar--sizeMedium_5f35p{ height:1.6rem; }

.Polaris-ProgressBar--sizeLarge_61dxo{ height:3.2rem; }

.Polaris-ProgressBar__Indicator_dw7mr{ height:inherit; width:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:width; background-color:var(--p-border-highlight, #47c1bf); animation:Polaris-ProgressBar--fillup_v0nyp 500ms cubic-bezier(0.64, 0, 0.35, 1); transition:width 500ms cubic-bezier(0.64, 0, 0.35, 1); }

@media screen and (-ms-high-contrast: active){ .Polaris-ProgressBar__Indicator_dw7mr{ border:1.6rem solid highlight; } }

.Polaris-ProgressBar__Progress_ixe53, .Polaris-ProgressBar__Label_2vd36{ position:absolute !important; top:0; clip:rect(1px, 1px, 1px, 1px) !important; overflow:hidden !important; height:1px !important; width:1px !important; padding:0 !important; border:0 !important; }