Progress bar

The progress bar is a visual element that provides information about the status of a submission or collecting process. For example, progress bars can be used to display how much time is left for a task to be completed or how much data is left to process, to inform the user how long they will have to wait.

Design assets

Use the following links to navigate the Figma design library and design specification. The design library serves as the component's origin, while the design specification provides detailed guidance on layout, behavior, and usage. Refer to these resources to maintain consistent and accurate implementation.

Design asset

Display the source of the asset in the Figma design library.

Design specification

Display the detailed specification of the asset in the Figma file.

Dev assets

Use the following links to navigate the Storybook, where you’ll find a developer preview, documentation, and a complete asset setup. Refer to these resources to ensure a consistent and robust implementation within your design system.

Dev asset preview

Discover the preview of the asset in the Storybook.

Soul Design System by Emplifi

Soul is the heart of Emplifi's effort to design the best CX platform for its customers. The design system collects principles, components, patterns, copywriting guidelines, and more.