ProgressArea

ProgressArea displays the overall progress of tasks or processes, often represented in steps showing the completion status of multiple tasks. A common scenario is an output effect similar to a console.

Basic

Fixed Area With Icon

Fixed area progress display with icon for emphasizing progress information

Fixed Area With Spinner Loading

Fixed area progress display with spinner loading for long operations

Fixed Area With Console Style

Console-style fixed area progress display for developer-oriented products

Fixed Area With Scrollbar

Fixed area progress display with scrollbar for content-rich scenarios

Fixed Area With Text Reveal

Fixed area progress display with text reveal effect for detailed progress

Fixed Area In Modal

Modal-integrated fixed area progress display for loading and processing information

Fixed Area In Card FixedHeight

Fixed height card-integrated progress area for structured layouts

Slider With Text

Slider progress display with text for user interaction and selection

Infinite Moving Slider With Text

Infinite moving slider progress with text for dynamic information display

Multi Slider With Text

Multi-slider progress display with text for range selection and detailed display

Code snippet not found, please check if the component name is correct

Vertical Items With Connect Line

Vertical items progress display with connecting lines for process visualization

Code snippet not found, please check if the component name is correct

Vertical Items With Loading Icon

Vertical items progress display with loading icons for dynamic information

Code snippet not found, please check if the component name is correct

Button With Different States

Button progress display with different states for dynamic operations

Code snippet not found, please check if the component name is correct

Button With Slider Background

Button progress display with slider background for user selection and operation

Code snippet not found, please check if the component name is correct