diff --git a/controllers/website.js b/controllers/website.js
index a0a22c2..851a3f4 100644
--- a/controllers/website.js
+++ b/controllers/website.js
@@ -29,10 +29,8 @@ function updateLightning() {
         let divider = 5242870;
         let ascii_length1 = channel.local_balance / divider;
         let ascii_length2 = channel.remote_balance / divider;
-        channel.ascii = '[';
-        channel.ascii += '-'.repeat(Math.round(ascii_length1));
-        channel.ascii += '/' + '-'.repeat(Math.round(ascii_length2));
-        channel.ascii += ']';
+        channel.local += (Math.round(ascii_length1));
+        channel.remote += (Math.round(ascii_length2));
         channel.capacity_btc = channel.capacity / 100000000;
         channel.name = pubkey2name[channel.remote_pubkey];
         if (channel.name) {
diff --git a/templates/index.html b/templates/index.html
index af23469..4cd7fe0 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -106,7 +106,7 @@
                             {{/name}}
                             <span class="amount">{{capacity_btc}} BTC</span>
                         </div>
-                        <div class="graph"><progress id="progressbar" class="" value="20" max="100" style="width:100%"></progress></div>
+                        <div class="graph"><progress id="progressbar" class="" value="{{local}}" max="{{local}}{{remote}}" style="width:{{local}}{{remote}}%"></progress></div>
                         {{^active}}
                         <div class="status"><span class="label right" title="inactive"></span></div>
                         {{/active}}