---
title: 'Progress'
description: 'Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.'
sidebar:
  label: 'Progress'
  order: 42
---

<Component path="progress/default" />

## Animated

<Component path="progress/animated" />

## Colors

<Component path="progress/colors" />

## Status

<Component path="progress/status" />

## Sizes

<Component path="progress/sizes" />

## Circle

<Component path="progress/circle" />