const obj = {
		selector: "body" , 
		css: true , //without css file : true
		data: [ {	text : "1.<br/>44%<br/>Exam." ,
				percent : 44 ,
				lines : [ { text: "Line 1", click: function() { console.log("Line 1 Click!"); } }
					, { text: "Line 2", click: function() { console.log("Line 2 Click!"); } } ] ,
				color : "red" ,
				textColor: "grey" ,
				click: function() {
					console.log("Container Click!");
				}
			},
			{
				text : "63%",
				percent : 63,
				lines : [{text:"Line 1"}, {text:"Line 2"}],
				color : "green",
				textColor: "blue"
			},
			{
				text : "3.<br/>75%<br/>Exam.",
				percent : 75,
				lines : [{text:"Single Line"}],
				color : "blue",
				textColor: "red"
			},
			{
				text : "4.<br/>32%<br/>Exam.",
				percent : 32,
				color : "pink",
				textColor: "brown"
			},
			{
				text : "95",
				percent : 95
			},
			{
			//empty
			} ]
		};


const pc = new ProgressCircle(obj);

const pc = new ProgressCircle({ selector: "body", css: true });

let obj = [
	{
		text : "1.<br/>44%<br/>Exam.",
		percent : 44,
		lines : [{text:"Line 1"}, {text:"Line 2"}],
		color : "red",
		textColor: "grey"
	},
	{
		text : "63%",
		percent : 63,
		lines : [{text:"Line 1"}, {text:"Line 2"}],
		color : "green",
		textColor: "blue"
	}
];

//obj -> Array or Object
pc.load(obj);

// Send object
let obj2 = {
	text : "55%",
	percent : 55,
	lines : [{text:"Line 1"}, {text:"Line 2"}, {text:"Line 3"}, {text:"Line 4"}],
	color : "brown",
	textColor: "red"
};

pc.load(obj2);

pc.load({text:"Ahaa", percent: 15, color: "purple"});
// add empty - circle bar
pc.load({});