Countdown - Progress

Availability of functionality depends on the license and may not be available in all deployments.

The countdown component enables a visual representation of progress.

✅ When to use:

• You must display the time remaining to complete a step or indicate the waiting time for a system action.

❌ When not to use:

• The action is not time-limited, and you only want to show the progress of the application process. Use: the "Step visibility" option in the tab Properties of the form.

Component properties

Eximee Designer property	Attribute name in the Source	Description
Label (key)	labelKey	A key from the label dictionary that determines the displayed name (title) of the component.
Label position	labelPosition	Specifies the position of the description relative to the progress bar. The value ABOVE_LINE means displaying the label above the bar line.
Direction (section Basic properties)	directionOfProgress	Specifies the direction of the bar's progress. Available options: Left to right (the value increases) and Right to left (the value decreases).
Display mode (section Basic properties)	displayMode	Specifies how the progress status information is presented. Options: Time (minutes and seconds), Percentage (%) and None. Default: "Time (minutes and seconds)".
Max time (section Basic properties)	duration	Specifies the total time (in seconds) needed to fully "load" the progress bar. Default: 60.
Step [s] (section Basic properties)	valueUpdateInterval	Specifies the time interval (in seconds) at which the bar is visually updated. Default: 1.
Auto-save [s] (section Basic properties)	valueSaveInterval	Specifies the frequency (in seconds) at which the component saves its current value to the server. Default: 1.

More information about component properties: Common component properties

Figure 1. Example appearance of the component.

Figure 2. Example component properties.

Resetting the component after a page change

To make the component reset its value after leaving and re-entering the page:

1. Set in Visibility condition of the component:

getValue("currentPageMid") == "Page3"

Where Page3 should be replaced with the business identifier of the page on which the component is located.

1. Add a listener for:

currentPageMid

This setting causes the component to re-render after the page changes and resets the counter to zero.