// progressbar.js@1.0.0 version is used
// Docs: http://progressbarjs.readthedocs.org/en/1.0.0/

var orange = "#ff7800";

window.onload = function onLoad() {

	var bar = new ProgressBar.Line('#openingline', {
	  strokeWidth: 2,
	  easing: 'easeInOut',
	  duration: 1800,
	  color: orange,
	  trailColor: '#eee',
	  trailWidth: 1,
	  svgStyle: {width: '100%', height: '100%'}
	});

	bar.animate(1.0);  // Number from 0.0 to 1.0

	var bars = ['#css', '#jscript', '#ruby', '#uxd'].map(id => (new ProgressBar.Circle(id, {

	  color: '#aaa',
	  // This has to be the same size as the maximum width to
	  // prevent clipping
	  strokeWidth: 2,
	  trailWidth: 10,
	  easing: 'easeInOut',
	  duration: 1400,
	  text: {
	    autoStyleContainer: false
	  },
	  from: { color: '#aaa', width: 2 },
	  to: { color: orange, width: 10 },
	  // Set default step function for all animate calls
	  step: function(state, circle) {
	    circle.path.setAttribute('stroke', state.color);
	    circle.path.setAttribute('stroke-width', state.width);

	    var value = Math.round(circle.value() * 100);
	    if (value === 0) {
	      circle.setText('');
	    } else {
	      circle.setText(value+'%');
	    }
	  }

	})));

	bars.forEach(bar => bar.text.style.fontFamily = '"Raleway", Helvetica, sans-serif');
	bars.forEach(bar => bar.text.style.fontSize = '1.6rem');
	bars.forEach(bar => bar.text.style.color = "#555" );

	bars.forEach(bar => bar.animate(1));
	
}

@@ -481,17 +481,16 @@
 p(id =%3E 
-(
 new Prog
@@ -1186,17 +1186,16 @@
  %7D%0A%0A%09%7D))
-)
 ;%0A%0A%09bars

Remove extra ()