Comparación entre la versión Astro (Saastro) y React (shadcn/ui)
🚀 saastro/ui (Astro)
⚛️ shadcn/ui (React)
Installation
Usage
---
import { Progress } from "@/components/ui-saastro/progress"
---
<Progress value={60} />Examples
Default
<Progress value={60} />Custom Max
<Progress value={30} max={50} />Indeterminate
Without a value, the progress bar can be styled for indeterminate state.
<Progress />Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | - | The current progress value |
max | number | 100 | The maximum progress value |
class | string | - | Additional CSS classes |
Accessibility
- Uses
role="progressbar"for proper semantics - Includes
aria-valuemin,aria-valuemax, andaria-valuenowattributes - Screen readers announce the current progress
- Omit value for indeterminate progress states