@property --value{syntax:"<number>";inherits:true;initial-value:0}@property --value-now{syntax:"<number>";inherits:true;initial-value:0}@property --min{syntax:"<number>";inherits:true;initial-value:0}@property --max{syntax:"<number>";inherits:true;initial-value:100}@property --value-max{syntax:"<number>";inherits:true;initial-value:100}@keyframes pantoken-progress-indeterminate{0%{left:-40%}to{left:100%}}@scope(.instui-progress){&{--value:var(--value-now);--min:0;--max:var(--value-max);width:100%;height:var(--instui-component-progress-bar-medium-height);background:var(--instui-component-progress-bar-track-color);border:var(--instui-component-progress-bar-track-bottom-border-width) solid var(--instui-component-progress-bar-border-color);border-radius:var(--instui-component-progress-bar-border-radius);display:block;position:relative;overflow:hidden}&:after{content:"";height:var(--instui-component-progress-bar-track-bottom-border-width);background:var(--instui-component-progress-bar-track-bottom-border-color);pointer-events:none;inset-inline:0;position:absolute;bottom:0}&.-size-xs{height:var(--instui-component-progress-bar-x-small-height)}&.-size-sm{height:var(--instui-component-progress-bar-small-height)}&.-size-md{height:var(--instui-component-progress-bar-medium-height)}&.-size-lg{height:var(--instui-component-progress-bar-large-height)}&>.bar{height:100%;width:clamp(0%, calc((var(--value) - var(--min)) / (var(--max) - var(--min)) * 100%), 100%);background:var(--instui-color-background-brand);border-radius:var(--instui-component-progress-bar-border-radius)}&>.value{padding:0 var(--instui-component-progress-bar-value-padding);color:var(--instui-component-progress-bar-text-color);font-family:var(--instui-component-progress-bar-font-family);font-size:var(--instui-component-progress-bar-medium-value-font-size);font-weight:var(--instui-component-progress-bar-font-weight);line-height:var(--instui-component-progress-bar-line-height)}&.-color-inverse>.value,&>.value.-color-inverse{color:var(--instui-component-progress-bar-text-color-inverse)}&:indeterminate>.bar{width:40%;animation:1.4s ease-in-out infinite pantoken-progress-indeterminate;position:absolute}&:indeterminate>.value{visibility:hidden}&:is(.-color-brand,.-meter-color-brand)>.bar{background:var(--instui-color-background-brand)}&:is(.-color-info,.-meter-color-info)>.bar{background:var(--instui-color-background-info)}&:is(.-color-success,.-meter-color-success)>.bar{background:var(--instui-color-background-success)}&:is(.-color-warning,.-meter-color-warning,.-meter-color-alert)>.bar{background:var(--instui-color-background-warning)}&:is(.-color-danger,.-meter-color-danger)>.bar{background:var(--instui-color-background-error)}&.-color-primary-inverse{background:var(--instui-component-progress-bar-track-color-inverse);border-color:var(--instui-component-progress-bar-border-color-inverse);color:var(--instui-component-progress-bar-text-color-inverse)}&.-color-primary-inverse:after{background:var(--instui-component-progress-bar-track-bottom-border-color-inverse)}&.-color-primary-inverse>.bar{background:var(--instui-component-progress-bar-meter-color-brand-inverse)}&.-render-value-inside>.value{justify-content:flex-start;align-items:center;display:flex;position:absolute;inset:0}&.-should-animate>.bar{transition:all .5s}&.-size-x-small{height:var(--instui-component-progress-bar-x-small-height)}&.-size-small{height:var(--instui-component-progress-bar-small-height)}&.-size-medium{height:var(--instui-component-progress-bar-medium-height)}&.-size-large{height:var(--instui-component-progress-bar-large-height)}}