ProgressBar Showcase

Introduction

The ProgressBar component displays progress with optional styling effects such as animation. Below are examples demonstrating various styles and configurations.

Usage Examples

Default Progress Bar

<ProgressBar progress={50} />

Success Progress Bar (Animated)

<ProgressBar progress={75} color="success" animated />

Warning Progress Bar (Striped)

<ProgressBar progress={30} color="warning" />

Danger Progress Bar (Large)

<ProgressBar progress={90} color="danger" size="large" />