This range input takes up a bit of space:
0100

The TkAudial examples below take up much less space and have four types (so far). A few of which can fit in a similar space to the one above (granted, it is a bit bigger than necessary).

A TkAudial can also be very easily styled using the options object or CSS.

The range input above uses the setValue method on the first dial below to control it very easily. Likewise, the dial will control the range input by using the changed event that the dial generates on its container element.

Gain-Notch:
Balance-Notch:
Gain-Fill:
Balance-Fill: