Agent Progress

A collapsible progress block for multi-step AI work. It introduces steps with a soft stagger, advances the active task with synchronized circular progress, preserves progress while minimized, and exposes completion timing for handing the UI back to an agent response.

5 steps left
Read project files
Update light mode tokens
Implement dark mode tokens
Register the theme toggle
Run lint and production build

Installation

Agent Progress is part of BoardUI Pro.

Dark mode ready — this component follows BoardUI semantic tokens automatically. Set up theme switching.

BoardUI ProBoardUI Pro

Agent Progress is a Pro component.

This component isn't available through the public CLI or for public purchase yet. If you'd like early access to the source, send me a DM on X.

Early access is available by request.

@sitenley

Custom steps

Pass any ordered list through steps. The block calculates its expanded height, countdown, active state, and overall progress from that list.

<AgentProgress steps={[ "Analyze the request", "Generate the component", "Run accessibility checks", "Prepare the response", ]}/>

Timing and completion

Set the time per task with stepDuration. After the final checkmark, completionDelay controls how long the completed state remains before onFinished fires.

<AgentProgress steps={steps} stepDuration={2400} completionDelay={1000} onFinished={() => { sendAgentResponse(); }}/>