zero percent still renders as dot (jQuery)

[rueggerc]

When I try to use easy-pie-chart with 0%, I'm still seeing a small dot being rendered at top: See screen shot. Any idea what I'm doing wrong?

I'm using jQuery 1.12.4

HTML:

JS: // PieChart $('.chart').easyPieChart({ scaleColor: false, barColor: 'green', trackColor: '#e5e5e5', size: 110, onStep: function(from, to, percent) { $(this.el).find('.percent').text(Math.round(percent)); } });

CSS .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; }

[xyqfer]

try set lineCap to butt