This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
comfilehmi:progress_bar:index [2017/06/28 10:18] COMFILE Technology |
comfilehmi:progress_bar:index [2023/04/11 13:08] COMFILE Technology [Example] |
||
---|---|---|---|
Line 1: | Line 1: | ||
+ | ====== Progress Bar ====== | ||
+ | |||
+ | The Progress Bar widget can be used to visually articulate a value with respect to a range. Often this is used to show how much an operation has progressed, but can also be creatively used for other purposes. | ||
+ | |||
+ | {{ :comfilehmi:progress_bar:progress_bar.png |}} | ||
+ | |||
+ | ===== Example ===== | ||
+ | |||
+ | Add a Progress Bar widget to the screen and double-click it to open its properties window | ||
+ | |||
+ | Set the progress bar's orientation. | ||
+ | |||
+ | {{ :comfilehmi:progress_bar:progress_bar_orientation.png |}} | ||
+ | |||
+ | Specify how the progress bar receives its data. | ||
+ | |||
+ | {{ :comfilehmi:progress_bar:progress_bar_device.png |}} | ||
+ | |||
+ | {{ :comfilehmi:progress_bar:progress_bar_expression.png |}} | ||
+ | |||
+ | Specify the minimum and maximum values for the bound data. | ||
+ | |||
+ | {{ :comfilehmi:progress_bar:progress_bar_max.png |}} | ||
+ | |||
+ | Customize the appearance of the progress bar. | ||
+ | |||
+ | {{ :comfilehmi:progress_bar:progress_bar_design.png |}} | ||
+ | |||
+ | {{ :comfilehmi:progress_bar:progress_bar_design2.png?nolink |}} | ||
+ | |||
+ | ====== Video ====== | ||
+ | |||
+ | {{ :comfilehmi:slider:slidebarandgrapevideo.mp4?1000x500 |}} | ||
+ | |||
+ | [[comfilehmi:index#widgets| Back to ComfileHMI]] | ||