                 # .attr("cx", 250)
                 # .attr("cy", 250)
                 .attr("r", radius)
-                .style("fill", "purple")
+                .style("fill", defaultCircleColor)
 
         # Draw the percentage text on top of the circle
         drawText = (percent) ->
             console.log("drawText: #{percent}")
-            # svg.append("text")
-            #     .text(percent)
 
-        transitionText = (text) ->
-            console.log("transitionText")
+            # Progress label
+            svg.append("text")
+                .text "Progress"
+                .attr "font-size", defaultTextFontSize
+                .attr "font-family", "sans-serif"
+                .attr "fill", defaultTextColor
+                .style "text-anchor", "middle"
+                .attr("transform", "translate(0, 15)")
 
+            # Percent value
+            svg.append("text")
+                .text percent*100+"%"
+                .attr "font-size", defaultTextPercentFontSize
+                .attr "font-family", "sans-serif"
+                .attr "fill", defaultTextColor
+                .style "text-anchor", "middle"
+                .attr("transform", "translate(0, -5)") 
 
         # Create and return SVG arc 
         createArc = (percent, radius, thickness) ->

svgHeight = 500
svgWidth = 500
innerRadius = 75
outerRadius = 100
circleRadius = 50
innerPercent = .15
outerPercent = .50
innerThickness = 10
outerThickness = 20
defaultArcColor = 'chartreuse'
defaultDuration = 750
defaultDelay = 500

actualArc = {}
expectedArc = {}


        transitionBothArcs = ->
            console.log("transitionBothArcs")
            sanitizeInputs()
            transitionActualArc()
            transitionExpectedArc()

        transitionExpectedArc = ->
            console.log("transitionExpectedArc")
            color = getActualArcColor(attrs.actual, attrs.expected)
            if (color != defaultActualArcColor)
                transitionArc(@actualArc, @actualArcValue, attrs.actual, defaultDuration, color)
            transitionArc(@expectedArc, @expectedArcValue, attrs.expected, defaultDuration, defaultExpectedArcColor)

        transitionActualArc = ->
            console.log("transitionActualArc")
            color = getActualArcColor(attrs.actual, attrs.expected)
            transitionArc(@actualArc, @actualArcValue, attrs.actual, defaultDuration, color)
            @textPercent.transition()
                .text attrs.actual*100+"%"      

        transitionArc = (arc, arcValue, percent, duration, color) ->
            console.log("transitionArc. percent: #{percent}")

            arcValue.transition()
                .delay defaultDelay
