ProgressBar Component Demo

Basic Progress Bar

Simple progress bar with manual updates

Status-Based Colors

Progress bars automatically change color based on status

Pending (Gray)
In Progress (Blue with stripes)
Completed (Green)
Failed (Red)

Simulated Translation Job

Demonstrates a realistic translation workflow

Indeterminate Loading

Used when progress can't be determined

Multiple Progress Bars (Batch Operation)

Tracking multiple items simultaneously