Установите изображение в tabIndicator в xml, используя макет вкладки

Question

Я хочу установить Tablayout внутри изображения tabindicator.но я пытаюсь установить отображение времени выполнения основного цвета изображения на tabindicator.Пожалуйста, помогите мне.

мой TabLayout, как.

 <com.google.android.material.tabs.TabLayout
        android:id="@+id/tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/download_tab_bg"
        app:tabTextAppearance="@style/customfontstyle"
        app:tabIndicatorHeight="2dp"
        app:tabIndicator="@drawable/tab_activeline_bg"
        app:tabTextColor="@color/White">

        <com.google.android.material.tabs.TabItem
            android:id="@+id/tabItem"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/tab_historyinsta" />

        <com.google.android.material.tabs.TabItem
            android:id="@+id/tabItem2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/tab_historyfb" />

        <com.google.android.material.tabs.TabItem
            android:id="@+id/tabItem3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/tab_historywp" />
    </com.google.android.material.tabs.TabLayout>

tab_activeline_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle" >
    <gradient
        android:angle="0"
        android:endColor="#2AB200"
        android:centerColor="#3560AE"
        android:startColor="#F5242A"
        android:type="linear" />
</shape>

в приведенном выше макете не устанавливайте tabindicator drawable tab_activeline_bg.xml.Помоги мне.Спасибо.