From 030d54df147967217b71579c56bca620b39358b4 Mon Sep 17 00:00:00 2001
From: Kevin Qi <kqi@amino.com>
Date: Sun, 17 Dec 2017 15:25:29 -0800
Subject: [PATCH] tweak demos

---
 docs/demo.jsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/docs/demo.jsx b/docs/demo.jsx
index d858c47..28787af 100644
--- a/docs/demo.jsx
+++ b/docs/demo.jsx
@@ -68,23 +68,25 @@ class Demo extends React.Component {
           <h2 className="text-xs-center mb-3">Built with SVG and styled with plain CSS.</h2>
 
           <Example
-            description="Change color/styling based on percentage."
+            description="Customize text and styling dynamically based on percentage."
           >
             <ChangingProgressbar
               percentages={[75, 100]}
               classForPercentage={(percentage) => {
                 return percentage === 100 ? 'complete' : 'incomplete';
               }}
+              textForPercentage={(percentage) => {
+                return percentage === 100 ? `${percentage}!!` : `${percentage}`;
+              }}
             />
           </Example>
 
           <Example
-            description="Customize text and stroke width."
+            description="Customize stroke width or make it go counterclockwise."
           >
             <CircularProgressbar
               percentage={33}
               strokeWidth={5}
-              textForPercentage={(percentage) => `$${percentage}`}
               counterClockwise
             />
           </Example>
@@ -102,7 +104,7 @@ class Demo extends React.Component {
           </Example>
 
           <Example
-            description="With SVG and CSS you can do anything."
+            description="With SVG and CSS you can do whatever you want."
           >
             <div style={{ position: 'relative', width: '100%', height: '100%' }}>
               <div style={{ position: 'absolute', width: '100%' }}>