円グラフを作っているのですが、これを下図の左図から右図のようにグラフの値が変わるアニメーションを加えたいです。どのような方法がありますでしょうか。

グレーの部分のコード

CGContextSaveGState(context);

CGFloat x = rect.origin.x;
x += rect.size.width/2;

CGFloat y = rect.origin.y;
y += rect.size.height/2;

CGMutablePathRef path = CGPathCreateMutable();
CGPathAddArc(path, NULL, x, y, x-10, 0, M_PI*2, NO);
CGContextAddPath(context, path);
CGContextSetRGBFillColor(context,0.6, 0.6, 0.6,1.0); //gray

CGContextSetLineWidth(context, 0);
CGContextSetStrokeColorWithColor(context,[UIColor blackColor].CGColor);
CGContextDrawPath(context, kCGPathFillStroke);

CGContextRestoreGState(context);

円グラフは以下のサイトの方法を参考に作成しました。
http://qiita.com/rnsm504/items/1c9e71a318fc8bbd5ab8

画像の説明をここに入力画像の説明をここに入力