Back to Dictionary
Waiting & Loading
●○○Ready to Use

Indeterminate Progress Bar

A loading bar where the indicator continually bounces back and forth or cycles infinitely, showing that a process is working but the exact completion time is unknown.

Live Demo

What It Is

A loading bar where the indicator continually bounces back and forth or cycles infinitely, showing that a process is working but the exact completion time is unknown.

✓When to Use

  • Network requests with unknown length
  • Query processing in databases

✕When NOT to Use

  • File uploads with known file sizes (use determinant progress)

Configuration Tips

  • 01Animate the transform-origin or left/right properties of an inner bar in an infinite loop

You've Seen It In

Google Material DesignAndroid OS

Prompt Templates

Copy and paste these prompts into your AI coding assistant.

Create an indeterminate progress bar.

Code Example (Tailwind CSS)

export function IndeterminateProgressBarDemo() {}

Related Effects

Spinner / Loading Circle

A circular animated icon that rotates continuously, signaling that a process is underway. The most universally recognized loading indicator.

Progress Bar

A horizontal bar that fills from left to right, showing the percentage of a task that's complete. Gives users a sense of how much longer they need to wait.