How to configure Progress Bar in vFlow

[Nikhil.Dhanda]

There is an option in Fieldset of Progress Bar…how can we configure it ?

[Nikhil.Dhanda]

[ShraddhaDhoke]

To configure PROGRESS BAR Element,

• Add Progress bar element in Fieldset/ FV component
• Add Datapath in additional properties to set progress value or add Default Value.
• In the properties section, select the desired mode.

These are the required properties which are must to configure a PROGRESS BAR element.

[ShraddhaDhoke]

Examples of different Modes in Progress Bar element

Determinate: Shows progress with static value

Indeterminate: The progress bar moves left to right

Buffer: Shows a buffer value. In the image below, Buffer value is 50 and Progress value is 25

Query: The progress bar moves right to left

[VivekBhardwaj]

Will it show the buffer percent on howering?

[ShraddhaDhoke]

No, buffer value is not shown on hovering.

[Nikhil.Dhanda]

@Shrdha Can you please elaborate about the different properties present in progress bar-

[Shubhamkumar1]

@ShraddhaDhoke, Can we have round shape progress bar?

[ShraddhaDhoke]

Some more properties in the Progress bar element:

Buffer: Buffer value is used to show the additional buffering progress

Bar Color: Any color can be added here to set on the progress bar

Used With Label: Shows the Element Name as the label

Label Position: Used to set the Label position (Top, Bottom, Left, Right)

[ShraddhaDhoke]

@Shubhamkumar1 By Progress Bar element we can create a horizontal progress bar. There is no option to create a circular progress bar by this element.

As a workaround, you can use Chart component to show similar functionality.

[Shubhamkumar1]

Thanks @ShraddhaDhoke .

[Shubhamkumar1]

Nice explanation @ShraddhaDhoke.