В основном я хочу иметь возможность заполнить круг с помощью холста, но он анимируется до определенного процента. Т.е. только круг заполняет 80% пути.

Мое знание холста не удивительно, вот изображение, которое я сделал в фотошопе, чтобы показать то, что я хочу.

Я хочу, чтобы круг начался пустым, а затем заполните, чтобы сказать 70% круга. Это возможно с Canvas, если так? Кто-нибудь может пролить свет на то, как это сделать?

Вот скрипка того, что мне удалось

http://jsfiddle.net/6Vm67/

 var canvas = document.getElementById('Circle');
 var context = canvas.getContext('2d');
 var centerX = canvas.width / 2;
 var centerY = canvas.height / 2;
 var radius = 80;

 context.beginPath();
 context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
 context.fillStyle = '#13a8a4';
 context.fill();
 context.lineWidth = 10;
 context.strokeStyle = '#ffffff';
 context.stroke();

Любая помощь будет высоко ценится