Lowdefy
v3.17.2/display/Progress/

Progress

Display the current progress as a percentage of completion.

30%
id: block_id
type: Progress
properties:
  percent: 30
properties:
The gap degree of half circle.
The gap position.
Set the completion percentage.
Whether to display the progress value and the status icon.
Set the status of the Progress.
-------
Color of progress bar.
Set the style of the progress linecap.
Set the width of the progress bar.
Segmented success percent.
-------
Color of unfilled part.
Set type of progress display.
Set the canvas width of the circular progress.
Line progress
60%
id: line_example
type: Progress
properties:
  type: line
  percent: 60
  strokeColor: '#fcb900'
  status: active
Circle progress
60%
id: circle_example
type: Progress
properties:
  type: circle
  percent: 60
  strokeColor: '#52c41a'
Dashboard progress
60%
id: dashboard_example
type: Progress
properties:
  type: dashboard
  percent: 60
  strokeColor: '#1890ff'


type: object
properties:
  properties:
    additionalProperties: false
    properties:
      gapDegree:
        default: 75
        description: The gap degree of half circle.
        type: number
      gapPosition:
        default: top
        description: The gap position.
        enum:
          - top
          - bottom
          - left
          - right
        type: string
      percent:
        default: 0
        description: Set the completion percentage.
        type: number
      showInfo:
        default: true
        description: Whether to display the progress value and the status icon.
        type: boolean
      status:
        default: normal
        description: Set the status of the Progress.
        enum:
          - success
          - exception
          - normal
          - active
        type: string
      strokeColor:
        description: Color of progress bar.
        type:
          - string
          - object
      strokeLinecap:
        default: round
        description: Set the style of the progress linecap.
        enum:
          - round
          - square
        type: string
      strokeWidth:
        description: Set the width of the progress bar.
        type: number
      success:
        default: 0
        description: Segmented success percent.
        type: number
      trailColor:
        description: Color of unfilled part.
        type: string
      type:
        default: line
        description: Set type of progress display.
        enum:
          - line
          - circle
          - dashboard
        type: string
      width:
        default: 132
        description: Set the canvas width of the circular progress.
        type: number
    type: object