Introducing: Enhanced progress bars

In addition to our linear progress bar, we're thrilled to announce that we have expanded our visualization options for the progress bar.

What’s new?

We are introducing two new types of progress bars: Circular and Semicircular.

• Circular: A complete circular design that provides a compact and visually appealing progress indicator.
• Semicircular: A curved, half-circle representation of progress.

On-click event capabilities

The progress bar component now supports configurable on-click events with the following capabilities:

• Redirection: Enables navigation to a specific page in the app or return to the current page.

• Open popup: Opens a popup created using the Popup component, providing quick access to additional context or information.

• JavaScript action: Provides the flexibility to define custom actions using JavaScript, allowing you to implement complex interactions and logic specific to your app’s requirements.

How it helps

These enhancements provide more design flexibility and offer a compact visualization for mobile and constrained interfaces, enabling developers to represent progress more dynamically and add interactive elements through configurable events.

Example: In a project management dashboard, clicking a progress bar could redirect to a page that has additional task details or return a variable via the custom JavaScript code.

Give it a try, and let us know what you think. For more information, visit our help documentation.