Button Async 3 - Async with progress

Pro

Async button with a determinate progress bar that fills during loading.
Shadcn Button Async 3 component

Component Data

  • ID:button/button-async-3
  • Access:pro
  • Created:May 23, 2026
  • Type:example

Button Async 3 component design & features

Shows a horizontal progress bar at the bottom of the button that fills from 0 to 100% during loading. Transitions to success once complete.

Best for file uploads and multi-step operations where communicating progress reduces perceived wait time.