.progress-bars{margin-top:16px}.controls{gap:8px;margin-bottom:16px;display:flex}.controls button{color:inherit;cursor:pointer;background:0 0;border:1px solid #666;border-radius:4px;padding:6px 16px;font-size:14px;transition:border-color .15s,color .15s}.controls button:hover{color:#fff;border-color:#ccc}.progress{border:1px solid #999;width:300px;height:16px;margin-bottom:8px;overflow:hidden}.progress-fill{background:green;width:0%;height:100%;transition:width 2s linear}.progress-fill.filled{width:100%}
.container{padding:20px;font-family:sans-serif}.controls{gap:8px;margin-bottom:16px;display:flex}.controls button{cursor:pointer;padding:8px 12px}.bars{flex-direction:column;gap:8px;display:flex}.progress{border:1px solid #cbd5e1;border-radius:4px;width:400px;height:20px;overflow:hidden}.progress-fill{background:#22c55e;height:100%;transition:width 50ms linear}.state-preview{border-radius:6px;width:fit-content;margin-top:20px;padding:12px;font-size:14px}