AI/Patterns/Progress Indicator

fd-form-item · 1 example from SAP's documentation · Back to the gallery

About

> **🧪 EXPERIMENTAL**: This component is experimental and its API may change. AI Progress Indicator provides information about the status of a user's request while they wait for the content to be generated. The main goal of this pattern is to keep the user engaged and informed, manage their expectations and show that the system is actively working. Use Progress Indicator: when the duration of the AI generation process is uncertain to show users that the system is actively working when you need to keep users informed about the status of their request to provide real-time updates on the progress of the AI task Do not use Progress Indicator: for operations that take less than one second when providing a time estimate for the process in non-AI scenarios Note: The component is in an experimental state.

AIProgressIndicator

AI Progress Indicator pattern extends the following components to enable new AI-specific interactions: AI button (Stop generating Button): provides user the option to stop the generation at any given time. For more information see AI button. AI Icon: AI icon with looped animation conveys to users that AI processes are actively underway. Text string keeps users updated on the status of their request. We advise the usage of the standard UI text ”Analyzing request...". For more information see AI busy indicator. AI Busy Indicator: informs the user about an ongoing operation powered by AI AI Loading bar: an animated gradient bar visually reinforces that the system is actively processing tasks. For more information see AI loading bar. Text area Rich text editor

First loading time (while analyzing the request)

Second loading time (while generating the results)