3 files changed, 11 insertions, 0 deletions
diff --git a/addons/website/static/src/css/editor.css b/addons/website/static/src/css/editor.css
index da0fad43caf..5755bb06b03 100644
--- a/addons/website/static/src/css/editor.css
+++ b/addons/website/static/src/css/editor.css
@@ -145,6 +145,10 @@ table.editorbar-panel td.selected {
   background: #ffffb6;
 }
 
+.oe_translatable_inprogress {
+  background: #b7e4ff;
+}
+
 /* ---- MENU ---- {{{ */
 div.oe_menu_buttons {
   top: -8px;
diff --git a/addons/website/static/src/css/editor.sass b/addons/website/static/src/css/editor.sass
index 4571dcd257e..21b43ac77f3 100644
--- a/addons/website/static/src/css/editor.sass
+++ b/addons/website/static/src/css/editor.sass
@@ -115,6 +115,8 @@ table.editorbar-panel
     padding: 0 10px
 .oe_translatable_todo
     background: rgb(255, 255, 182)
+.oe_translatable_todo
+    background: rgb(183, 228, 255)
 
 // }}}
 
diff --git a/addons/website/static/src/js/website.translator.js b/addons/website/static/src/js/website.translator.js
index c330d511170..12c740300c6 100644
--- a/addons/website/static/src/js/website.translator.js
+++ b/addons/website/static/src/js/website.translator.js
@@ -115,8 +115,13 @@
             var trans = this.translations.filter(function (t) {
                 return t.res_id === view_id && t.value === content;
             });
+            console.log(trans);
+            console.log(this.translations);
             if (trans.length) {
                 node.setAttribute('data-oe-translation-id', trans[0].id);
+                if(trans[0].state && trans[0].state == 'inprogress'){
+                        node.className += ' oe_translatable_inprogress';
+                    }
             } else {
                 node.className += ' oe_translatable_todo';
             }