[component] Create Progress

[theoribbi]

Summary

Implement the Progress component for NativeUI, inspired by the shadcn/ui Progress.

Requirements

• Use View from react-native as the base component.
• Support the following features:
  • Display a linear progress bar indicating task completion.
  • Accept a value prop representing progress (0 to 100).
  • Optional max prop to define the maximum value (default to 100).
  • Support for indeterminate state when value is undefined.
  • Optional label to display progress percentage or custom text.
  • Animate progress changes smoothly.
• Style the component using nativewind utility classes.
• Allow passing a className prop to customize or extend the default styles.
• Ensure type safety with TypeScript.

Deliverables

• Create a progress.tsx file under /registry/progress.
• Follow the structure and naming conventions similar to shadcn/ui Progress.

References

• shadcn/ui Progress Documentation
• nativewind Documentation

Notes

Focus on keeping the Progress component simple, accessible, and easily customizable.
The goal is to make it easy to clone and adapt when building apps.

---