Basic Customization > User Interface Customization > Presenting Information in the UI > Creating Custom Graphical Representations > Reference > Progress Bar
  
Progress Bar
Solution Elements
The code specific to the Progress Bar representation includes:
Element
Type
Description
ProgressBarComponent
Java Class
This class defines and supports the out of the box graphical representation of “Progress Bar.” It is a subclass of AbstractGraphicalComponent. Unlike the traffic light, this component does not leverage an existing component, so it also defines a new JavaScript renderer (called PTC.progressBar.renderer).
progressBarRenderer.jsfrag
JS Class
This class defines the JavaScript renderer for the progress bar, converting the JSON containing the progress meta-data into the corresponding HTML (with an appropriate tooltip).