title: easy-pie-chart zero percent renders as dot?
body: <p>When I try to use easy-pie-chart with 0%, I'm still seeing a small dot being rendered at top/12 oclock position.</p>
  
  <p>See screen shot. HTML/JS/CSS below.</p>
  
  <p>Any idea what I'm doing wrong?</p>
  
  <p><a href="https://i.stack.imgur.com/y4o3a.png" rel="nofollow noreferrer">rendering of 0%</a>
  HTML:</p>
  
  <pre><code>&lt;span class="chart" data-percent="25"&gt;
  &lt;span class="percent"&gt;25&lt;/span&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>    $('.chart').easyPieChart({
      animate: 2000,
      scaleColor: false,
      lineWidth: 12,
      lineCap: 'square',
      size: 100,
      trackColor: '#e5e5e5',
      barColor: '#00FF00',
      onStep: function(from, to, percent) {
          $(this.el).find('.percent').text(Math.round(percent));
      }
  });
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.chart {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 110px;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
  }
  
  .chart canvas {
    position: absolute;
    top: 0;
    left: 0; 
  }
  
  .percent {
    display: inline-block;
    line-height: 110px;
    z-index: 2;
  }
  .percent:after {
    content: '%';
    margin-left: 0.1em;
    font-size: .8em;
  }
  </code></pre>