code: function() {
  		var obj = getPosition();
  		///
  		ctx.fillStyle = gradient[Math.round((1.0 - obj.percent) * 50)];
  		///
  // 		pulse ++;
  		///
  		var startAngle = -360 * DEG_RAD;
  		var endAngle = obj.percent * 360 * DEG_RAD;
  		var outerRadius = size / 2.0 + (pulse % 20);
  		var innerRadius = size / 2.0 * 0.61 + (pulse % 20);
  		///
  		ctx.clearRect(0, 0, canvas.width, canvas.height)
  		ctx.save();
  		///
  		ctx.beginPath()
  		ctx.arc(outerRadius, outerRadius, outerRadius, startAngle, endAngle, false);
  		ctx.arc(outerRadius, outerRadius, innerRadius, endAngle, startAngle, true);
  		ctx.globalAlpha = 0.25;
  		ctx.fill();
  		///
  		startAngle += 360 * DEG_RAD;
  		///
  		ctx.beginPath()
  		ctx.arc(outerRadius, outerRadius, outerRadius, startAngle, endAngle, false);
  		ctx.arc(outerRadius, outerRadius, innerRadius, endAngle, startAngle, true);
  		ctx.globalAlpha = 1.0;
  		ctx.fill();
  		///
  		var ratio = size / 260;
  		var fontSize = ratio * 26;
  		var fontFamily = '"Trebuchet MS", Arial, Helvetica, sans-serif';
  		ctx.font = 'bold ' + fontSize + 'px ' + fontFamily;
  		ctx.textBaseline = 'top';
  		ctx.textAlign = 'center';
  		ctx.fillText(obj.format, outerRadius, outerRadius + ratio * 14);
  		///
  		var fontSize = ratio * 46;
  		ctx.font = 'bold ' + fontSize + 'px ' + fontFamily;
  		ctx.fillStyle = '#ffffff';
  		ctx.fillText(obj.value, outerRadius, outerRadius - ratio * 44);
  		ctx.restore();
  		///
  		if (obj.percent < 1.0) {
  			requestId = requestAnimationFrame(render);
  		}
  	}
docs: 'time' format