/
Progress Bar Attribute Configuration

Progress Bar Attribute Configuration

In this section, you can see various attributes that appear while configuring the Slider component. These attributes include:

Progress Bar-Attributes.png
Progress Bar Attributes

Note: For non-record pages, the attributes are similar, but some options may be unavailable, such as "Record Object" and "Record Preview''

Attributes

Description

Attributes

Description

Record Object

This represents the object for which the configuration is created. The object is already selected for record page type, as it was chosen during the initial configuration.

Note: This field is disabled and pre-filled for Record Page.

Note: This field is not applicable for Non-Record Page.

Record to Preview

This feature allows users to select an object record to see how the Progress Bar will appear in the preview section after making changes.

Label

You can set the title for the Progress Bar here. It offers various value sources to assign to the label.

Start value

“Start Value” is the initial point where progress tracking begins. It offers various value sources to assign to the Start Value.

End Value

“End Value” is the maximum point value of a progress bar. It offers various value sources to assign to the End Value.

Value

“Value” represents the current progress on a progress bar. It offers various value sources to assign.

Show Value

“Show Value” displays both the start and end values on the progress bar. It offers various value sources to assign.

Show Percentage

“Show Percentage” displays the completion percentage on the progress bar. It offers various value sources to assign.

Is Vertical

This option allows the progress bar to be displayed vertically. It offers various value sources to assign.

Show Radius

This option enables rounded corners on the progress bar. It offers various value sources to assign.

Variant

You can customize the appearance of the progress bar by choosing from Brand or Success.
Brand: It shows the progress bar in Blue.
Success: It shows the progress bar in Green.

Size

You can adjust the thickness of the progress bar as:

X Small, Small, Medium, Large.

Padding Location

  • It is used to create space around an element's content.

  • You can set the padding location for Progress Bar as:
    Around, Top, Bottom, Left, Right, Horizontal, Vertical.

Padding Size

You can set the padding Size for Progress Bar as:
XXX Small, XX Small, X Small, Small, Medium , Large.

Margin Location

  • It is used to create space from outer edge of an element's content.

  • You can set the Margin location for Progress Bar as:
    Around, Top, Bottom, Left, Right, Horizontal, Vertical.

Margin Size

You can set the Margin Size for Progress Bar as:
XXX Small, XX Small, X Small, Small, Medium , Large.

Value Source:

In this section, users can choose from various input sources, including:

  • Custom Metadata

  • Custom Setting

  • Record Field (available only in record page configuration)

  • Static Value

These input sources allow you to pass or set values for various attributes or fields.

image-20240809-181317.png
Value Source

Value source

Description

Value source

Description

Custom Metadata

Use custom metadata records to assign values.

Custom Settings

Use custom setting records to assign the values.

Record Field

Use a record value from a selected Record Object.

Static

You can provide a static fixed value.

Start Value:

Start Value is the initial point where progress tracking begins.

Here user can set value from different Source.

Attribute Name

Description

Attribute Name

Description

Static

When you select the static value source, a checkbox appears to choose a value.

Custom Metadata

Use custom metadata records to assign values to Start Value.

Custom Setting

Use custom setting records to assign values to Start Value.

Value Type

This is a default Number field that is read-only.

Related content

Progress Bar
More like this
Progress Bar
Progress Bar
More like this
PWR Progress Bar
PWR Progress Bar
More like this
Slider Attribute Configuration
Slider Attribute Configuration
More like this
PWR Slider
PWR Slider
More like this
Show Spinner
Show Spinner
More like this

If you have any concerns or queries, then please contact us on support@orektic.com