Progress Component

Introduction

The progress component shows progress (percentage / out of 100). There can be 2 types of progress bars. Circular and Linear

Configuration Options

Progress

Expected Type: Number

The current progress (out of 100). The progress bar accordingly shows the progress entered in this field.

Type

Expected Type: Circular | Linear

Circular progress bar shows a semi-circle with the progress text in the center. Linear progress bars show a rectangular meter that fills up.

Triggers

• Click: Triggers whenever the progress is clicked.
• Progress Change: Triggers whenever the progress changes.

Theme Options

• Text Align: The progress's text alignment. (Number | Pixels)
• Text Color: The progress's text color. (String | Hex)
• Text Style: The progress's text style. (Bold | Italic | Underline)
• Text Size: The progress's text size. (Number | Pixels)
• Shadow: The progress's shadow. (Shadow)
• Progress Color: The progress meter's color. (String | Hex)
• Background Color: The progress's background color. (String | Hex)