diff --git a/modules/core/client/directives/torrent-progress.client.directive.js b/modules/core/client/directives/torrent-progress.client.directive.js
index 04586ec9..3ad1f20c 100644
--- a/modules/core/client/directives/torrent-progress.client.directive.js
+++ b/modules/core/client/directives/torrent-progress.client.directive.js
@@ -22,12 +22,12 @@
       scope.$watch(attrs.torrentProgress, function (p) {
         if (p && p.length > 0) {
           var pt = p[0];
-          mtDebug.info(pt);
+          //mtDebug.info(pt);
 
           var t_progressbar = ngProgressFactory.createInstance();
           t_progressbar.setParent(element[0]);
           t_progressbar.setAbsolute();
-          t_progressbar.setHeight('3px');
+          t_progressbar.setHeight('2px');
           if(pt.peer_status === PEERSTATE_SEEDER){
             t_progressbar.set(100);
             t_progressbar.setColor('#ff6600');
@@ -36,12 +36,59 @@
             t_progressbar.setColor('#5cb85c');
           }
           t_progressbar.progressbarEl.css('background-color', '#dedede');
-          t_progressbar.progressbarEl.css('top', '-6px');
+          t_progressbar.progressbarEl.css('top', '-5px');
           t_progressbar.progressbarEl.css('left', '8px');
           t_progressbar.progressbarEl.css('right', '8px');
 
           //element.css('margin-bottom', '8px');
-          console.log(t_progressbar);
+          //console.log(t_progressbar);
+        }
+      });
+    }
+  }
+
+
+  angular.module('core')
+    .directive('cardProgress', cardProgress);
+
+  cardProgress.$inject = ['$compile', 'DebugConsoleService', 'ngProgressFactory'];
+
+  function cardProgress($compile, mtDebug, ngProgressFactory) {
+    const PEERSTATE_SEEDER = 'seeder';
+    const PEERSTATE_LEECHER = 'leecher';
+
+    var directive = {
+      restrict: 'A',
+      replace: true,
+      link: link
+    };
+
+    return directive;
+
+    function link(scope, element, attrs) {
+      scope.$watch(attrs.cardProgress, function (p) {
+        if (p && p.length > 0) {
+          var pt = p[0];
+          //mtDebug.info(pt);
+
+          var t_progressbar = ngProgressFactory.createInstance();
+          t_progressbar.setParent(element[0]);
+          t_progressbar.setAbsolute();
+          t_progressbar.setHeight('2px');
+          if(pt.peer_status === PEERSTATE_SEEDER){
+            t_progressbar.set(100);
+            t_progressbar.setColor('#ff6600');
+          }else {
+            t_progressbar.set(pt.peer_percent);
+            t_progressbar.setColor('#5cb85c');
+          }
+          t_progressbar.progressbarEl.css('background-color', '#dedede');
+          t_progressbar.progressbarEl.css('top', '0');
+          //t_progressbar.progressbarEl.css('left', '8px');
+          //t_progressbar.progressbarEl.css('right', '8px');
+
+          //element.css('margin-bottom', '8px');
+          //console.log(t_progressbar);
         }
       });
     }
diff --git a/modules/core/client/views/home.client.view.html b/modules/core/client/views/home.client.view.html
index 865ab38c..cf3763fb 100644
--- a/modules/core/client/views/home.client.view.html
+++ b/modules/core/client/views/home.client.view.html
@@ -133,8 +133,8 @@
                                             </tr>
                                         </table>
                                     </div>
-
                                     <div class="torrent-tmdb-info">
+                                        <div card-progress="item.my_peers"></div>
                                         <ul class="list-unstyled">
                                             <li>
                                                 <span class="release-date">{{item.resource_detail_info.release_date}}</span>
@@ -193,6 +193,7 @@
                                                     </div>
 
                                                     <div class="newest-info">
+                                                        <div card-progress="nt.my_peers"></div>
                                                         <div class="text-long">
                                                             {{$index + 1}}. {{nt.resource_detail_info.title}}
                                                         </div>
@@ -355,6 +356,7 @@
                                     </div>
 
                                     <div class="torrent-tmdb-info">
+                                        <div card-progress="item.my_peers"></div>
                                         <ul class="list-unstyled">
                                             <li>
                                                 <span class="se-info">S{{item.torrent_seasons}}E{{item.torrent_episodes}}</span>
@@ -413,6 +415,7 @@
                                                     </div>
 
                                                     <div class="newest-info">
+                                                        <div card-progress="nt.my_peers"></div>
                                                         <div class="text-long">
                                                             {{$index + 1}}. {{nt.resource_detail_info.name}}
                                                             <span class="label label-se-info se-info">S{{nt.torrent_seasons}}E{{nt.torrent_episodes}}</span>
@@ -525,6 +528,7 @@
                                     </div>
 
                                     <div class="torrent-tmdb-info">
+                                        <div card-progress="item.my_peers"></div>
                                         <ul class="list-unstyled">
                                             <li>
                                                 <span class="release-date"
@@ -592,6 +596,7 @@
                                                     </div>
 
                                                     <div class="newest-info">
+                                                        <div card-progress="nm.my_peers"></div>
                                                         <div class="text-long">
                                                             {{$index + 1}}. {{nm.resource_detail_info.title}}
                                                         </div>
@@ -700,6 +705,7 @@
                                     </div>
 
                                     <div class="torrent-tmdb-info">
+                                        <div card-progress="item.my_peers"></div>
                                         <ul class="list-unstyled">
                                             <li>
                                                 <span class="release-date"
@@ -760,6 +766,7 @@
                                                     </div>
 
                                                     <div class="newest-info">
+                                                        <div card-progress="nm.my_peers"></div>
                                                         <div class="text-long">
                                                             {{$index + 1}}. {{nm.resource_detail_info.title}}
                                                         </div>
@@ -868,6 +875,7 @@
                                     </div>
 
                                     <div class="torrent-tmdb-info">
+                                        <div card-progress="item.my_peers"></div>
                                         <ul class="list-unstyled">
                                             <li>
                                                 <span class="release-date"
@@ -928,6 +936,7 @@
                                                     </div>
 
                                                     <div class="newest-info">
+                                                        <div card-progress="nm.my_peers"></div>
                                                         <div class="text-long">
                                                             {{$index + 1}}. {{nm.resource_detail_info.title}}
                                                         </div>
@@ -1036,6 +1045,7 @@
                                     </div>
 
                                     <div class="torrent-tmdb-info">
+                                        <div card-progress="item.my_peers"></div>
                                         <ul class="list-unstyled">
                                             <li>
                                                 <span class="release-date"
@@ -1096,6 +1106,7 @@
                                                     </div>
 
                                                     <div class="newest-info">
+                                                        <div card-progress="nm.my_peers"></div>
                                                         <div class="text-long">
                                                             {{$index + 1}}. {{nm.resource_detail_info.title}}
                                                         </div>
@@ -1204,6 +1215,7 @@
                                     </div>
 
                                     <div class="torrent-tmdb-info">
+                                        <div card-progress="item.my_peers"></div>
                                         <ul class="list-unstyled">
                                             <li>
                                                 <span class="release-date"
@@ -1264,6 +1276,7 @@
                                                     </div>
 
                                                     <div class="newest-info">
+                                                        <div card-progress="nm.my_peers"></div>
                                                         <div class="text-long">
                                                             {{$index + 1}}. {{nm.resource_detail_info.title}}
                                                         </div>
@@ -1372,6 +1385,7 @@
                                     </div>
 
                                     <div class="torrent-tmdb-info">
+                                        <div card-progress="item.my_peers"></div>
                                         <ul class="list-unstyled">
                                             <li>
                                                 <span class="release-date"
@@ -1432,6 +1446,7 @@
                                                     </div>
 
                                                     <div class="newest-info">
+                                                        <div card-progress="nm.my_peers"></div>
                                                         <div class="text-long">
                                                             {{$index + 1}}. {{nm.resource_detail_info.title}}
                                                         </div>
@@ -1540,6 +1555,7 @@
                                     </div>
 
                                     <div class="torrent-tmdb-info">
+                                        <div card-progress="item.my_peers"></div>
                                         <ul class="list-unstyled">
                                             <li>
                                                 <span class="release-date"
@@ -1600,6 +1616,7 @@
                                                     </div>
 
                                                     <div class="newest-info">
+                                                        <div card-progress="nm.my_peers"></div>
                                                         <div class="text-long">
                                                             {{$index + 1}}. {{nm.resource_detail_info.title}}
                                                         </div>
diff --git a/modules/torrents/client/views/list-torrents.client.view.html b/modules/torrents/client/views/list-torrents.client.view.html
index 2105557b..d3387a17 100644
--- a/modules/torrents/client/views/list-torrents.client.view.html
+++ b/modules/torrents/client/views/list-torrents.client.view.html
@@ -33,6 +33,7 @@
                     </div>
 
                     <div class="torrent-tmdb-info">
+                        <div card-progress="item.my_peers"></div>
                         <ul class="list-unstyled">
                             <li>
                                 <span class="release-date"