0. Introduction
AJUI ProgressBar is a component developed in the 4D language for the V18 version. Its use is intended for 4D developers. The advantage of this one is to be able to generate progress bars very easily. It uses SVG and 4D Worker technology to create an image and bring them to life.
The component creates instances. Instances are objects composed of a set of properties that will define the characteristics and visual rendering of the progress bars. They also have formulas to access assessors and methods for generating progress bars.
The idea behind the implementation of AJUI ProgressBar is to provide a visual tool that allows users to get an overview of the progress of a process by displaying a progress bar.
In particular, the component makes it possible to inform the user about the progress of an ongoing process by providing visual and valued indicators.
The component contains two types of instance representing two specific forms of progress bar that are made available. The first being linear in shape and the second circular. Each one has properties specific to their design.
Linear bar :
Circular bar :
The numerical values that can be assigned to the bars range from 0 to 100, but since the text displayed can be customized, it is possible to visually represent other values such as steps.
The component also uses Worker to refresh the page when generating progress bars. However, the Workers have another utility that gives us the ability to manage animations. The animations are applicable to both types of progress bar.
The first applicable animation is a transition effect between the old and the new value you have assigned to your progress bar. By determining a transition speed, the component will update the image form object and refresh the form a certain number of times until it reaches the new value.
The second animation is what is called a "Barbershop". In this case, the progress bar no longer relies on a fixed value and rotates in a loop (circular bar) or performs back and forth (linear bar) until the developer decides to stop it by using the corresponding stop formula. This type of animation is perfectly applicable to a process whose processing time is unknown. The purpose of this animation is to make the user wait by informing him that the process is in progress.
The use of the linear and circular bar without animation mode does not present any problem for their use in the context of subforms.