New progress bar

cps/templates/readcbr.html

@@ -25,10 +25,10 @@
   </head>
   <body>
     <div id="sidebar">
-      <div id="panels">
+      <!--div id="panels"-->
         <!-- <a id="show-Toc" class="show_view icon-list-1 active" data-view="Toc">TOC</a> -->
         <!-- <a id="show-Bookmarks" class="show_view icon-bookmark" data-view="Bookmarks">Bookmarks</a> -->
-      </div>
+      <!--/div-->
       <div id="tocView" class="view">
         <ul id="thumbnails"></ul>
       </div>
@@ -47,18 +47,14 @@
           <span id="title-seperator">&nbsp;&nbsp;–&nbsp;&nbsp;</span>
           <span id="chapter-title"></span>
         </div>
+          <div id="Progress" class="hide">
+              <div id="meter2"></div><div class="progress_title" id="progress_title" ></div>
+              <div id="meter"></div><div class="page" id="page" ></div>
+          </div>
         <div id="title-controls">
           <a id="setting" class="icon-cog">Settings</a>
           <a id="fullscreen" class="icon-resize-full">Fullscreen</a>
         </div>
-
-	      <div id="progress" class="hide"></div>
-             <div class="progress2" style="display:none">
-              <div class="progress-bar" role="progressbar" aria-valuenow="70"
-                  aria-valuemin="0" aria-valuemax="100" style="width:70%">
-                70%
-              </div>
-        </div>
 	    </div>
       
 	    <div id="mainContent">