Skip to main content

Progress

When to use

When an operation requires a long time to complete, show the user the current progress and status of the operation.

  • Operation runs in the background, requires a certain amount of client waiting time.
  • Operation needs to show a completion percentage.

Component Example

Component Properties

属性说明类型默认值
hasBorder

Whether to show border

boolean

false

percent

Set percentage

number

0

progressive

Set color stage change mode

boolean

false

shape

Progress bar shape

'circle' | 'line'

'line'

size

Size

'small' | 'medium' | 'large'

'medium'

state

Current state

'normal' | 'success' | 'error'

'normal'

This doc is generated using machine translation. Any discrepancies or differences created in the translation are not binding and have no legal effect for compliance or enforcement purposes.
© 2014–2025 DingTalk Technology Co., Ltd