Fill Gauge-Bar
Previous Topic  Next Topic 

    


This is a simple bar fill-gauge, using a gradient as the fill (under the needle).


The 3 rounded rectangles at the top of the layer make up the 3-dimensional frame.  The line at the bottom of the layer is the line in the middle of the gauge the connects the tick marks together. 


You can also clip from the middle of the gauge to create a different effect on this fill gauge.  Click here to see what it would look like to set this gauge's clip point at the center instead of the beginning of the gauge.


OBJECT

PROPERTIES

Rounded Rectangle

  • Size=60; 20
  • Radius=5
  • Pen=Transparent
  • Brush Style=Gradient
  • Gradient Style=Linear
  • Gradient points=(pick first point just above and on the left of the rectangle; pick second point just below and on the right of the rectangle)
  • Gradient Color Stops=

   [0, (255, 255, 255,), 255]

   [100, (0, 0, 0,), 255]

Rounded Rectangle

  • Size=57; 16
  • Radius=4
  • Pen=Transparent
  • Brush Style=Gradient
  • Gradient Style=Linear
  • Gradient points=(pick first point just below and on the right of the rectangle; pick second point just above and on the left of the rectangle)
  • Gradient Color Stops=

   [0, (255, 255, 255,), 255]

   [100, (0, 0, 0,), 255]

Rounded Rectangle

  • Size=54; 11
  • Radius=2
  • Pen=Transparent

Tick Marks

  • Type=Straight
  • Tick Count=11
  • Start and end points (under straight ticks)=(pick start point at left side of inner rectangle and end point at right side of inner rectangle)
  • Length (under straight ticks)=3
  • Label position (under straight ticks)=4.5

Line

(Default Options)

Text

(Default Options)

Needle

  • Type=Linear
  • Type (under Linear Needle)=Clip
  • Start and end points=(pick start point at left side of inner rectangle and end point at right side of inner rectangle)
  • Clip Point=(same as start point above)

Rectangle

  • Center Point= (halfway between the bottom of the tick marks and the edge of the inner rectangle)
  • Size=50; 4
  • Pen=Transparent
  • Brush Style=Gradient
  • Gradient Style=Linear
  • Gradient Points=(Point 1 at bottom left edge of tick marks, point 2 at bottom right edge of tick marks)
  • Gradient Color Stops=

   [0, (0, 128, 0), 255]

   [50, (203, 208, 2), 255]

   [75, (248, 152, 7), 255]

   [100, (255, 0, 0), 255]

Line

  • Start and End Points=(Starting at bottom left edge of tick marks and ending at bottom right edge of tick marks)
  • Width=.25