Progress Component

Simple Progress

With Label

Processing

Show Percentage

Download45%

Upload0%

All Colors

Primary40%

Secondary40%

Accent40%

Neutral40%

Info40%

Success40%

Warning40%

Error40%

Custom Format

Storage Used45GB / 100GB

Tasks Completed7 of 10

Level Progress850 XP / 1000 XP

With Helper Text

Installation65%

Installing dependencies...

Backup30%

Estimated time: 5 minutes

With Error

Upload Failed45%

Connection lost. Please try again.

Indeterminate (Loading)

Processing...

Uploading...

Analyzing...

Practical Use Cases

File Upload

document.pdf0%

Uploading...

2.4 MB / 5.8 MB30s remaining

Profile Completion

Your profile is 60% complete60%

Complete your profile to unlock all features

✅Basic information

✅Profile picture

⬜Bio description

⬜Social links

Installation Progress

Step 1: Download100%

Step 2: Extract100%

Step 3: Install75%

Installing dependencies...

Step 4: Configure0%

Storage

Documents25GB

Photos45GB

Videos85GB

Other15GB

Total Used:170GB / 200GB

Skills

React90%

TypeScript85%

Node.js75%

Python60%