Progress

Task amount and explicit idle, running, paused, failed, cancelled and complete states. Bars, slim bars, rings, segmented steps and buffered tracks share one contract; Reset drains on release and values turn on the drum.

Library

Metal UI

Framework

React + SwiftUI

Type

ui

License

MIT

Dependencies

@base-ui/react@^1.8.0

Files

• packages/metalui/src/components/progress/progress.tsx
• packages/metalui/src/icons/MorphIcon.tsx
• packages/metalui/src/icons/morph.ts
• packages/metalui/src/icons/morph.generated.ts
• packages/metalui/src/motion/awake.ts
• packages/metalui/src/motion/duration.ts
• packages/metalui/src/motion/haptic.ts
• packages/metalui/src/motion/hop.ts

Source

https://github.com/vijayksingh/metalui

Categories

• Feedback Components
• React Feedback Components
• Tailwind CSS Feedback Components
• Animated Feedback Components
• Progress Components
• React Progress Components
• Tailwind CSS Progress Components
• Animated Progress Components

More from Metal UI

• Accordion
• Alert dialog
• Attachment
• Avatar
• AI composer
• Availability picker
• Settings
• Share panel
• Block silhouette
• Studio week
• Task inbox
• Breadcrumbs