<link rel="import" href="../bower_components/polymer/polymer.html">

<polymer-element name="x-meter" attributes="value">
<template>
  <link rel="stylesheet" href="../css/elements/x-meter.css">
  <div class="meter" id="meter" title="{{helpText}}">
    <div style="width:{{value}}%">{{valueFormmatted}}%</div>
  </div>
</template>
<script>
  Polymer('x-meter', {
    value: 0,
    helpText: '',
    valueChanged: function() {
      var MIN_VAL = 1e-4;
      if (this.value <= MIN_VAL) {
        this.valueFormmatted = '≤0.0001';
      } else {
        this.valueFormmatted = Number(this.value).toFixed(4);
      }

      this.value = Number(this.value).toFixed(4);

      var MIN_FOR_AT_RISK = 0.03;
      if (this.value <= MIN_FOR_AT_RISK) {
        this.$.meter.classList.add('atrisk');
        this.helpText = 'This feature may be at risk for removal. Usage is <= ' + MIN_FOR_AT_RISK + '%.';
      }
    }
  });
</script>
</polymer-element>

<link rel="import" href="../bower_components/polymer/polymer.html">

<polymer-element name="x-meter" attributes="value">
<template>
  <link rel="stylesheet" href="../css/elements/x-meter.css">
  <div class="meter" id="meter" title="{{helpText}}">
    <div style="width:{{value}}%">{{valueFormmatted}}%</div>
  </div>
</template>
<script>
  Polymer('x-meter', {
    value: 0,
    helpText: '',
    valueChanged: function() {
      var MIN_VAL = 1e-4;
      if (this.value <= MIN_VAL) {
        this.valueFormmatted = '<=0.0001';
      } else {
        this.valueFormmatted = Number(this.value).toFixed(4);
      }

      this.value = Number(this.value).toFixed(4);

      var MIN_FOR_AT_RISK = 0.03;
      if (this.value <= MIN_FOR_AT_RISK) {
        this.$.meter.classList.add('atrisk');
        this.helpText = 'This feature may be at risk for removal. Usage is <= ' + MIN_FOR_AT_RISK + '%.';
      }
    }
  });
</script>
</polymer-element>

Fix broken high ascii char
Fix broken high ascii char