Not filled ring is wrong color and displays even after filling up the ring

[jaredrkozar]

Hi,

I'm creating a pedometer app that tracks the user's steps. I set the goal to be 5000 and the number of steps the user has walked to be 5543. However, after the ring is filled up, there are two issues (see attached image):

1. The ring appears as if it's not filled up, and this portion extends a bit past where the "activityRingView.progress" section is.

2. This not filled section is blue, even though I set the not filled section to be gray.
   How do I fix these two issues?