diff --git a/data/interfaces/bookstrap/series.html b/data/interfaces/bookstrap/series.html
index db049942..5fc0aceb 100644
--- a/data/interfaces/bookstrap/series.html
+++ b/data/interfaces/bookstrap/series.html
@@ -124,14 +124,18 @@
                         return '<a href="seriesMembers?seriesid=' + row[5] + '" target="_new">' + row[2] + '</a>';}
                     },
                     { targets: [3], 'render': function(data, type, row) {
-                        var pre = row[3].split('<');
-                        var limit = window.innerWidth / 30;
-                        var title = truncateOnWord(pre[0], limit);
-                        var tail = data.slice(pre[0].length);
-                        btn = '<button onclick="bookinfo(\'' + row[0] + '\')" class="button btn btn-link" type="button" '
-                        if (title == pre[0]) { return btn + '>' + title + '</button>' + tail ; }
-                        return btn + ' title="' + pre[0] + '">' + title + '</button>' + tail ;
-                        }
+                        percent = row[8]
+                        if (percent <= 25) {css = 'danger'}
+                        else if (percent <= 50) {css = 'warning'}
+                        else if (percent <= 75) {css = 'info'}
+                        else {css = 'success'};
+                        bar = '<div class="progress center-block" style="width: 150px;"><div class="progress-bar-' +
+                        css + ' progress-bar progress-bar-striped" role="progressbar" aria-valuenow="' + percent +
+                        '" aria-valuemin="0" aria-valuemax="100" style="width: ' + percent +
+                        '%;"><span class="sr-only">' + percent +
+                        '% Complete</span><span class="progressbar-front-text">' + row[6] + '/' + row[7] +
+                        '</span></div></div>';
+                        return bar;}
                     },
                     { targets: [4],
                         'class': 'text-center',