From cba783d034d30ba291266e1e3c56c6439be9bdff Mon Sep 17 00:00:00 2001
From: Patric Gutersohn <patric.gutersohn@gmx.de>
Date: Fri, 4 Aug 2017 20:34:14 +0200
Subject: [PATCH 1/3] Update README.md

---
 README.md | 35 +++++++++++++++++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/README.md b/README.md
index eab0b56..492bddb 100644
--- a/README.md
+++ b/README.md
@@ -80,6 +80,9 @@ Options
 | textY | vertical position of your info text | integer | null |
 | textX | horizontal position of your info text | integer | null |
 | textBelow | aligns string of "text" property centered below the circle | boolean | false |
+| multiPercentage | turns multiple bars on if set to 1 | integer | 1 |
+| percentages | array of percent, color and title for each circle | array | [] |
+| multiPercentageLegend | show a legend with title, color and percentage on the right | integer | 0 |
 | noPercentageSign | to hide the percentage sign | boolean | false |
 | replacePercentageByText | replace the percentage shown in the circle by text | string | null |
 | halfCircle | draw half circle see example bellow | boolean | false |
@@ -111,6 +114,38 @@ Example:
 
 ![full](https://raw.github.com/pguso/jquery-plugin-circliful/master/preview/half_circle.PNG)
 
+Multiple Bars
+------------------
+
+Example:
+
+    $("#test-circle").circliful({
+            animation: 1,
+            animationStep: 5,
+            foregroundBorderWidth: 7,
+            backgroundBorderWidth: 7,
+            percent: 99,
+            textSize: 28,
+            textStyle: 'font-size: 12px;',
+            textColor: '#666',
+            multiPercentage: 1,
+            percentages: [
+            	{'percent': 10, 'color': '#3180B8', 'title': 'Gryffindor' },
+			{'percent': 30, 'color': '#4ADBEA', 'title': 'Ravenclaw' },
+			{'percent': 50, 'color': '#49EBA8', 'title': 'Hufflepuff' },
+			{'percent': 70, 'color': '#FFCA35', 'title': 'Slytherin' }
+            ],
+            multiPercentageLegend: 1,
+            backgroundColor: '#eee',
+            icon: 'f0d0',
+            iconPosition: 'middle',
+            iconColor: '#273B4E'
+        });
+	
+<img width="450" src="https://github.com/pguso/jquery-plugin-circliful/raw/master/preview/preview5.png">
+
+In action: https://jsfiddle.net/0c8qaqaj/
+
 Use callback function
 ------------------
 Get's fired on complete.

From 75fb24a925221e29f9be49f9e78915b162a77f64 Mon Sep 17 00:00:00 2001
From: Patric Gutersohn <patric.gutersohn@gmx.de>
Date: Fri, 4 Aug 2017 20:36:05 +0200
Subject: [PATCH 2/3] Update README.md

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 492bddb..07da818 100644
--- a/README.md
+++ b/README.md
@@ -136,6 +136,7 @@ Example:
 			{'percent': 70, 'color': '#FFCA35', 'title': 'Slytherin' }
             ],
             multiPercentageLegend: 1,
+	    replacePercentageByText: '',
             backgroundColor: '#eee',
             icon: 'f0d0',
             iconPosition: 'middle',

From db4a8f02bface9e74174011f17964773dbb15724 Mon Sep 17 00:00:00 2001
From: Patric Gutersohn <patric.gutersohn@gmx.de>
Date: Fri, 4 Aug 2017 20:37:18 +0200
Subject: [PATCH 3/3] Update README.md

---
 README.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/README.md b/README.md
index 07da818..6aa0858 100644
--- a/README.md
+++ b/README.md
@@ -124,7 +124,6 @@ Example:
             animationStep: 5,
             foregroundBorderWidth: 7,
             backgroundBorderWidth: 7,
-            percent: 99,
             textSize: 28,
             textStyle: 'font-size: 12px;',
             textColor: '#666',