Как иметь текстовые представления, которые перемещаются по индикатору выполнения

Контекст: я хочу построить горизонтальный индикатор выполнения с некоторыми значениями и хочу поместить некоторый текст, который перемещается ниже этого индикатор. Итак, моя окончательная идея примерно такая (у меня уже есть индикатор, я оставил только текстовые представления ниже)

Мой текущий код выглядит примерно так:

Это мой Класс StackedHorizontalProgressBar:

public class StackedHorizontalProgressBar extends ProgressBar {
  private Paint paint;
  int primary_progress, max_value;

  public StackedHorizontalProgressBar(Context context) {
    super(context);
    init();
  }

  public StackedHorizontalProgressBar(Context context, AttributeSet attrs) {
    super(context, attrs);
    init();
  }

  @Override public synchronized void setMax(int max) {
    this.max_value = max;
    super.setMax(max);
  }

  @Override public synchronized void setProgress(int progress) {
    if (progress > max_value) {
      progress = max_value;
    }
    this.primary_progress = progress;
    super.setProgress(progress);
  }



  @Override public synchronized void setSecondaryProgress(int secondaryProgress) {
    if ((primary_progress + secondaryProgress) > max_value) {
      secondaryProgress = (max_value - primary_progress);
    }
    super.setSecondaryProgress(primary_progress + secondaryProgress);
  }

  private void init() {
    paint = new Paint();
    paint.setColor(Color.BLACK);
    primary_progress = 0;
    max_value = 100;
  }
}

Это мой макет Основная деятельность (который использует вышеуказанный сорт)

<android.support.constraint.ConstraintLayout
    xmlns:android = "http://schemas.android.com/apk/res/android"
    xmlns:app = "http://schemas.android.com/apk/res-auto"
    xmlns:tools = "http://schemas.android.com/tools"
    android:layout_width = "match_parent"
    android:layout_height = "match_parent"
    android:paddingBottom = "@dimen/activity_vertical_margin"
    android:paddingLeft = "@dimen/activity_horizontal_margin"
    android:paddingRight = "@dimen/activity_horizontal_margin"
    android:paddingTop = "@dimen/activity_vertical_margin"
    tools:context = ".MainActivity">

  <github.nisrulz.stackedhorizontalprogressbar.StackedHorizontalProgressBar
      android:id = "@+id/stackedhorizontalprogressbar"
      style = "?android:attr/progressBarStyleHorizontal"
      android:layout_width = "match_parent"
      android:layout_height = "wrap_content"
      android:layout_marginTop = "16dp"
      android:progressDrawable = "@drawable/stacked_horizontal_progress"
      app:layout_constraintTop_toTopOf = "parent"
      tools:layout_editor_absoluteX = "16dp" />

</android.support.constraint.ConstraintLayout>

Это мой Класс MainActivity:

public class MainActivity extends AppCompatActivity {

    int max = 100;
    int countPrimary = 20;
    int countSecondary = 30;
    StackedHorizontalProgressBar stackedHorizontalProgressBar;

    TextView txt_primary, txt_secondary;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        stackedHorizontalProgressBar =
                (StackedHorizontalProgressBar) findViewById(R.id.stackedhorizontalprogressbar);
        stackedHorizontalProgressBar.setMax(max);

        stackedHorizontalProgressBar.setProgress(countPrimary);
        txt_primary.setText("Primary Value : " + countPrimary + "%");

        stackedHorizontalProgressBar.setSecondaryProgress(countSecondary);
        txt_secondary.setText("Secondary Value : " + countSecondary + "%");

    }

}

Я думаю, что для этого я должен использовать холст, поэтому, если есть кто-то, у кого есть опыт в этом, он может мне помочь.