Progress Bar

lowcodera Progress Bar component

Purpose

The lowcodera progress bar component can be used to visualize the progress of a task or activity. The progress bar can also be used to inform users about the status of ongoing processes, such as loading an app, submitting a form, or saving updates.

Component Properties

The properties below are the main ones which change this components appearance and behaviors.

Property	Description	Required	Accepted Values
BarLabel	Property to set bar label.	X	String
Label	Property to set up Progressbar's title	X	String
Theme	Property to set theme for progress bar.	X	Danger Default Info Primary Secondary Success Warning
CustomColor	Property to set custom color for progress bar	X	String (HEX CODE in Upper Case) (e.g #E4501B)
Stripped	Property to allow stripe within the proress bar	X	Boolean
Animated	Property to show animation effect with stripe in progress bar.	X	Boolean
ShowPercentage	Property to show progress of progress bar in percentage	X	Boolean
ShowPercentageOnBar	Property to show progress of progress bar on bar	X	Boolean
MaximumValue	Property to set Maximum limit for pogress bar	Yes	Numeric
CurrentValue	Property to set current value for the progress bar	Yes	Numeric

Example

Simple Progress Bar

Property Configration

• CustomColor property is to set as #E4501B

• MaximumValue is to set as 100

• CurrentValue is to set as 34