import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Canvas } from '@storybook/addon-docs/blocks';
import * as ProgressStories from './progress.stories';

<Meta of={ProgressStories} />

<Title />
<Subtitle>Displays an indicator showing the completion progress of a task.</Subtitle>

<Description />

<Primary />

---

## Variations

<Stories />

---

## AI Best Practices

> [!IMPORTANT]
> - **Visual Feedback** — The progress bar animates its transition when the `value` prop changes.
> - **Meaningful Values** — Ensure the progress bar reflects actual system state to avoid misleading users.