RequestAnimationFrame to draw using arc(), looks bad, how to do it properly?

Question

I'm trying to create the animation for the arc percentage, but what's being created is looking bad. you can see steps* in the arc. *lack of anti-aliasing

I wonder how to do this properly ?

http://jsbin.com/AqaBAWA/1/

Thanks for looking!

Answer 1

Assuming you're referring to the jagged lines here's a version without them: http://jsbin.com/idEjAmA/1

I just added a call to the clear function on the context before the draw call.