title: Apply rounded corners to arc created with UIBezierPath
body: <p>I am working on a circular progress bar that i've created using UIBezierPath. The progress bar looks like the following picture:</p>
  
  <p><img src="https://i.stack.imgur.com/FFHsq.png" alt="enter image description here"> </p>
  
  <p>My question is: how to make the edge of the arc rounded and not rectangular?</p>
  
  <p>The code i used to draw the arc looks like is:</p>
  
  <pre><code> // Draw the arc with bezier path
          int radius = 100;
  
          arc = [CAShapeLayer layer];
          arc.path = [UIBezierPath bezierPathWithArcCenter:CGPointMake(100, 50) radius:radius startAngle:M_PI endAngle:M_PI/150 clockwise:YES].CGPath;
          arc.position = CGPointMake(CGRectGetMidX(self.view.frame)-radius,
                                      CGRectGetMidY(self.view.frame)-radius);
          arc.fillColor = [UIColor clearColor].CGColor;
          arc.strokeColor = [UIColor purpleColor].CGColor;
          arc.cornerRadius = 0.5;
          arc.lineWidth = 6;
  
          [self.view.layer addSublayer:arc];
  
          // Animation of the progress bar
          drawAnimation = [CABasicAnimation animationWithKeyPath:@"strokeEnd"];
          drawAnimation.duration            = 5.0; // "animate over 10 seconds or so.."
          drawAnimation.repeatCount         = 1.0;  // Animate only once..
          drawAnimation.removedOnCompletion = YES;   // Remain stroked after the animation..
          drawAnimation.fromValue = [NSNumber numberWithFloat:0.0f];
          drawAnimation.toValue   = [NSNumber numberWithFloat:10.0f];
          drawAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];
          [arc addAnimation:drawAnimation forKey:@"drawCircleAnimation"];
  </code></pre>
  
  <p>I tried to use <code>arc.cornerRadius</code> but it seemed to return nothing.</p>
  
  <p>Any help would be appreciated.</p>
  
  <p>Thank you in advance!</p>
  
  <p>Granit</p>