Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Radial progress component #135

Open
leonid opened this issue Oct 14, 2024 · 0 comments
Open

Radial progress component #135

leonid opened this issue Oct 14, 2024 · 0 comments
Milestone

Comments

@leonid
Copy link
Member

leonid commented Oct 14, 2024

A radial progress component is a UI element used to visually represent the progress of a task or operation in a circular manner. It is commonly used in web and mobile applications to indicate the completion status of a process, such as file uploads, data loading, or form submissions. Here are some common features and elements of a radial progress component:

  1. Progress Circle: The main visual element that fills up in a circular path to indicate the progress.
  2. Label: Optional text that displays the percentage or status of the progress, often placed in the center of the circle.
  3. Indeterminate State: A state where the progress is unknown, often represented by a looping animation around the circle.
  4. Color: Customizable color to indicate different types of progress or statuses.
  5. Size: Customizable size to fit different UI layouts.

Design

https://www.figma.com/design/6nFlVmwDwvGloglQHxyElh/Syntax-UI-3.0?node-id=815-1208

@leonid leonid added this to the Beta Release milestone Oct 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant