add a progress bar to the files

deluge/ui/web/css/deluge.css

@@ -89,15 +89,6 @@ input {
 	width: auto;
 }
 
-/* Peers Grid */
-.x-deluge-peer {
-	
-}
-
-.x-deluge-seed {
-	
-}
-
 /* Login Window */
 .x-deluge-login-window-icon {
 	background: url('/icons/login.png') no-repeat 2px;
@@ -153,6 +144,19 @@ input {
 	color: White;
 }
 
+/* Adjust progressbar for torrent files tree */
+.x-tree .x-progress-bar, .x-tree .x-progress-inner {
+	height: 10px;
+}
+
+.x-tree .x-progress-text-back, .x-tree .x-progress-text {
+	font-size: 10px;
+	vertical-align: top;
+	font-weight: normal;
+	padding-top: 0px;
+}
+
+
 /* Sidebar styles */
 .x-deluge-filters .x-grid3-col-filter {
 	height: 16px;

deluge/ui/web/js/deluge-details.js

@@ -356,7 +356,8 @@ Deluge.Details.Panel = new Ext.TabPanel({
 		},{
 			header: _('Progress'),
 			width: 150,
-			dataIndex: 'progress'
+			dataIndex: 'progress',
+			renderer: peer_progress
 		},{
 			header: _('Priority'),
 			width: 150,