Example of Loading Indicator in ASP.NET Core AI AssistView Control
This sample demonstrates the loading indicator styles that can be displayed while the AI AssistView is generating a response.
DEMO
SOURCE
|
Loading Types
|
In this example, a custom loading indicator can be rendered while the AI response is being generated. The selected loading type is shown before the actual response is rendered using the responseAnimationTemplate property and removed once the response is added.
- Dot type - Three continuously blinking dots with a smooth scale and opacity animation.
- Spinner type - A single circular spinner rotating continuously until response is fetched.
- Text type - Status messages that cycle through three stages: "🧠 Understanding request..." → "✍️ Drafting response..." → "🚀 Almost ready...".
- Text with indicator type - "Generating" text by three animated dots as a waiting indicator until AI response is received.