.progress-bar{block-size:calc(var(--thickness) * 4);z-index:1;flex:none;display:flex;position:sticky;inset-block-start:0}.progress-bar__segment{isolation:isolate;flex:1 1 calc(var(--length) * 100%);color:hsl(var(--accent));background:hsl(var(--accent,var(--foreground)) / .25);display:block;position:relative}.progress-bar__segment:before{content:"" / "";block-size:100%;inline-size:100%;transform:scaleX(var(--progress));transform-origin:0 0;transition:transform .3s var(--ease-out);background:currentColor;display:block;position:absolute;inset:0}