Create the customized TabLayout for the new translate UI

chrome/android/java/res/layout/infobar_translate_tab_content.xml

Index: chrome/android/java/res/layout/infobar_translate_tab_content.xml
diff --git a/chrome/android/java/res/layout/infobar_translate_tab_content.xml b/chrome/android/java/res/layout/infobar_translate_tab_content.xml
new file mode 100644
index 0000000000000000000000000000000000000000..c65e989941946df68986128ec653ec803a79c560
--- /dev/null
+++ b/chrome/android/java/res/layout/infobar_translate_tab_content.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Copyright 2017 The Chromium Authors. All rights reserved.
+     Use of this source code is governed by a BSD-style license that can be
+     found in the LICENSE file. -->
+
+<org.chromium.chrome.browser.infobar.translate.TranslateTabContent
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    android:id="@+id/translate_tabcontent"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content">
+    <!-- Add both the textView and progressBar to the tab, and only keep one of them visible.
+         This way the width of the Tab will always be fixed no matter which one is visible. -->
+    <TextView
+        android:id="@+id/translate_infobar_tab_text"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_gravity="center"
+        android:textAppearance="@style/TextAppearance.Design.Tab"
+        android:visibility="visible" />
+    <ProgressBar
+        android:id="@+id/translate_infobar_tab_progressbar"
+        android:layout_width="@dimen/infobar_small_icon_size"
+        android:layout_height="@dimen/infobar_small_icon_size"
+        android:layout_gravity="center"
+        android:indeterminate="true"
+        android:visibility="invisible" />
+</org.chromium.chrome.browser.infobar.translate.TranslateTabContent>