ProgressBar prototype

Progress bar that display proportionnaly to the value of the step field.
The progress bar can also display in an "unknown step" mode where the progress bar just bounces from left to right each time the step field is updated.

PROTO ProgressBar [
  exposedField SFFloat step 0  
  # Style
  field MFString style ["ProgressBar"]
  field MFString images ["progressBg.png"]
  field SFVec2f size 160 10
]

Style fields

MFString images - Background image
SFVec2f size - Size of the area where the ProgressBar proto is displayed
MFString style - Path to the CSS node associated to ProgressBar proto

Warning:
Define style is required (we can use the default style - see Style node).

Exposed Fields:

SFFloat step - Progress from 0 (0%) to 1 (100%), other values will force the unkown mode.

ProgressBar {
  color: orange;
  background-color: rgb(229,229,229);
}

ProgressBarMenu

EXTERNPROTO SizeNotifier [] "SizeNotifier.wrl"
EXTERNPROTO ProgressBar [] "ProgressBar.wrl"

Group {
  children [
    
    DEF SIZE_NOTIFIER SizeNotifier {}
    
    Shape {
      appearance  Appearance {
        material Material2D { emissiveColor 0.8 0.8 0.8 }
      }
      geometry DEF BACKGROUND Rectangle {
        size 0 0
      }
    }
    
    DEF TIMER TimeSensor {
      loop TRUE
      cycleInterval 5
      isActive TRUE
    }
    
    DEF PROGRESSBAR ProgressBar {
      step 0
  	}
    
    ROUTE TIMER.fraction_changed TO PROGRESSBAR.step
  ]
}