에이전트 작업 완료율

<div class="stage"><div class="label">TASK COMPLETION · ILLUSTRATIVE</div><div class="pipeline"><div><b>REQUEST</b><i style="--w:62%"></i><em>10</em></div><div><b>EXECUTE</b><i style="--w:50%"></i><em>8</em></div><div><b>REVIEW</b><i style="--w:38%"></i><em>6</em></div><div><b>APPROVE</b><i style="--w:31%"></i><em>5</em></div></div><div class="hint">APPROVED / REQUESTED</div></div>

.stage{position:relative;width:min(94vw,760px);height:min(88vh,310px);font:800 clamp(10px,max(3.4vmin,1vw),15px)/1.25 sans-serif}.stage *{box-sizing:border-box}.label{font-size:clamp(10px,max(3.4vmin,1vw),12px);letter-spacing:.1em;color:var(--muted)}.accent{color:var(--accent)}.pill{border:1.5px solid var(--fg);border-radius:999px;background:var(--surface);padding:.5em .8em}.hint{position:absolute;right:2%;bottom:0;font-size:clamp(10px,max(3.4vmin,1vw),12px);color:var(--muted)}.pipeline{position:absolute;inset:21% 3% 13%;display:grid;gap:5%}.pipeline div{display:flex;align-items:center;gap:2%}.pipeline b{width:26%;font-size:clamp(10px,max(3.4vmin,1vw),14px)}.pipeline i{height:clamp(18px,5vmin,36px);width:var(--w);flex:none;background:var(--fg);animation:load 4s ease-in-out infinite alternate;transform-origin:left}.pipeline div:last-child i{background:var(--accent)}.pipeline em{font-style:normal}@keyframes load{from{transform:scaleX(.08)}to{transform:scaleX(1)}}