LIQUID WAVE COUNTERS

BOTTLE HALF EMPTY, OR HALF FULL?

Counter Features:

  • Unique animated wave animation to highlight fill level
  • Define outer ring color, width and spacing to wave
  • Define wave (water) color, wave count and travel speed
  • Define different colors for fill level (percent value) for part inside wave and outside
  • Show with or without percent character next to fill level value
  • Add optional tooltip to element
  • Add optional click event to change fill level to a 2nd value upon click on element
  • Define maximum width for element and alignment inside column
  • Element size is responsive and will re-render upon screen size change
Export Page Content

WAVE COUNTER EXAMPLES

BOTTLE HALF EMPTY, OR HALF FULL?