Meter

meterOpt = var opt = { width: '100px', height: '14px', low: 80, high: 90, optimum: 50, value: 70, label: { text: '70' }, speed: 250 }; ;
demo.meter = util.initMeter('#meter', opt);DEMO

-- - + ++
low:
high:
optimum:

meter.setValue();DEMO
meter.setValue(, '');DEMO
meter.setValue(, );DEMO
meter.setValue(, '', );DEMO

meter.setText('');DEMO

var meterOpt2 = {
  low: 80,
  high: 90,
  optimum: 50
};

$el('#meter-html').innerHTML = util.Meter.buildHTML('85%', meterOpt2);

var meterOpt3 = {
  height: '30px',
  low: low,
  high: high,
  optimum: optimum,
  value: 70,
  scales: [
    {
      value: 80,
    },
    {
      value: '90%',
      style: '1px solid #f00'
    },
  ],
  label: {
    text: '70',
    style: {
      //color: '#000',
      //'text-align': 'left'
    }
  }
};
util.initMeter('#meter-scale', meterOpt3);

var meterOpt4 = {
  width: '100px',
  height: '14px',
  low: low,
  high: high,
  optimum: optimum,
  value: 50,
  color: 'linear-gradient(to right, #0cf, #9ef)'
};
demo.meter2 = util.initMeter('#meter2', meterOpt4);

- +