tab indicator and tab hairline in appcompat

[fahimeh hashemian]

I want to set tab hairline and tab indicator in tab actionbar with appcompat. I searched and read many questions about this but i can't do this I write this style and selector but i can't create tab indicator.

My style that set this on Manifest file:

<resources xmlns:android="http://schemas.android.com/apk/res/android">

   <style name="Theme.SimpleActionBar" parent="@style/Theme.AppCompat.Light">
     <item name="actionBarStyle">@style/SimpleActionBar</item>
     <item name="actionBarTabBarStyle">@style/CustomTabBar</item>
   </style> 

   <style name="CustomTabBar" parent="@style/Widget.AppCompat.Light.ActionBar.TabBar">
     <item name="background">@drawable/tab_bg_selector</item>
     <item name="divider">@android:color/black</item>
     <item name="showDividers">middle</item>
   </style>
</resources>

tab_bg_selector:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/tab_bg_unselected" android:state_focused="false" android:state_selected="false"></item>
    <item android:drawable="@drawable/tab_bg_selected" android:state_focused="true" android:state_pressed="true" android:state_selected="true"></item>
    <item android:drawable="@color/black" android:state_pressed="true"></item>

</selector>

I can't know how can create tab indicator and thin line below tab bar with xml. I can't use actionbar style generator. I want learning myself. Thanks for advises and sorry for take your time