title: Android tab page indicator place bottom of viewpager with line lindicator on top
body: <p>I am using TabePageIndicator and by default the tabs are top aligned. But in my App I need to place them at the bottom of the view pager. I tried with the following code, tabs are bottom aligned but the line still shows at the bottom. Please provide me with any possible solutions. Thanks!</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:background="@color/white"
      android:orientation="vertical" &gt;
  
      &lt;android.support.v4.view.ViewPager
          android:id="@+id/pager"
          android:layout_width="match_parent"
          android:layout_height="0dp"
          android:layout_weight="1"
          android:padding="14dp" /&gt;
  
      &lt;com.viewpagerindicator.TabPageIndicator
          android:id="@+id/indicator"
          android:layout_width="fill_parent"
          android:layout_height="wrap_content"
          app:linePosition="top" /&gt;
  
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>Expected result:</p>
  
  <p><img src="https://i.stack.imgur.com/udxMl.png" alt="enter image description here"></p>