Progress Bar Widget Overview

A Progress Bar widget can display the data from a single tag belonging to an Asset in one of two Scopes: Aggregated Data or Last Value. This topic shows you how to configure a Progress Bar widget to display the current value of a single data tag in relation to a maximum value which you set in the widget. You can select to display the current value either as percentage of that maximum, or as its actual value, and then you can customize the widget appearance.

Widget Wizard

After you drag & drop a widget onto the Canvas, the Wizard opens and leads you through the required steps.

Step 1 – Data

Here you select the Asset Type, the Asset Properties, and the Tag Data you want to present in the widget.

When you have finished, click Next to continue to the next step.

Step 2 – Scope

Select the widget Scope.

Scope determines which data is displayed, and how it will be displayed; available options depend on the widget type.

Scope types include:

Make your selection, and click Next.


Step 3 – Organize

Tags and Asset properties you selected in Step 1 will be shown in Available Data.

This is where you determine:

Data and Metrics

A Progress Bar widget  displays data from a single numeric tag. Drag the tag you want to show into the Data and Metrics field.

Aggregated data only: Note the drop-down arrows that enable you to perform calculations on the collected tag data.
After you drop a tag into the field, click the drop-down arrow and select the calculation, to display.


Multiply or Divide by Factor

Multiply or Divide by Factor

You can apply a factor to multiply or divide the value of a numerical tag or aggregated data, in order to display the modified values on Dashboards.


To learn more, see Multiply or Divide by Factor.



You can filter your data to display it according to your selected parameters, such as time, date, or size..

1....Click Filters to open Available Data and view the Data Tags and Asset properties selected in Step 1.

2.   Drag & drop the tags you want to display in the table to the Filters area.


To learn more, see Widget Filters.


Step 4 – Customizing a Progress Bar Widget

You can customize your widgets to effectively display your data, according to your dashboard requirements.

Entering a Max Value is mandatory; the Widget preview will be disabled until this value is entered.

You can enter a Widget Name—a display name for the titlebar and customize the appearance of your widget, including text, shape, and colors.



To learn how to select colors,see Color Picker.


Step 5 – Navigation

Here you configure which dashboard UniCloud will display in response to user clicks.  Navigation is not mandatory, and can be left undefined.


To learn more, see the Dashboard Navigation guide.


When you are done, click Finish to return to the Dashboard Canvas.

The widget you have just configured will be displayed at its default size and may be resized and repositioned.



Linear Gauge Widget - Aggregated Data

Linear Gauge Widget - Last Value