Skip to content

Radial progress component #135

@leonid

Description

@leonid

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions