diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css
index 99cb4a31dee..473886d3566 100644
--- a/addons/web/static/src/css/base.css
+++ b/addons/web/static/src/css/base.css
@@ -1609,6 +1609,30 @@ label.error {
     background: white;
     min-width: 90px;
 }
+.openerp .oe_list_progressbar_outer {
+    position: relative;
+    width: 100%;
+    border: 1px solid gray;
+    background: #D3D3D3;
+    border-radius: 15px;
+    font-size: 11px;
+}
+.openerp .oe_list_progressbar_inner {
+    position: absolute;
+    top: 0;
+    left: 0;
+    border-radius: 15px;
+    background: #FF7F50;
+    height: 100%;
+}
+.openerp .oe_list_progressbar_text {
+    position: absolute;
+    text-align: center;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
 .openerp tbody.ui-widget-content {
     margin-bottom: 10px;
     border-spacing: 4px;
diff --git a/addons/web/static/src/js/formats.js b/addons/web/static/src/js/formats.js
index b45dfb8ab40..7b64a63a96a 100644
--- a/addons/web/static/src/js/formats.js
+++ b/addons/web/static/src/js/formats.js
@@ -336,9 +336,9 @@ openerp.web.format_cell = function (row_data, column, options) {
             href: download_url,
             size: row_data[column.id].value
         });
-    case 'progressbar':
-        return _.template(
-            '<progress value="<%-value%>" max="100"><%-value%>%</progress>', {
+    case 'progressbar': 
+        return _.template('<div class="oe_list_progressbar_outer">&nbsp;<div class="oe_list_progressbar_inner" style="width: <%-value%>%;"></div><div class="oe_list_progressbar_text"><%-value%>%</div></div>', 
+        	{
                 value: _.str.sprintf("%.0f", row_data[column.id].value || 0)
             });
     }