6

How should I make this type of progress bar in android..

Example Link https://dribbble.com/shots/3231407-Progress-Bar-Animated

I want to create this type of progress bar in my android application with same design.

Lokendra
  • 113
  • 2
  • 8
  • have you tried anything yet ? – sushildlh Nov 13 '18 at 08:07
  • 1
    Possible duplicate of [Animate ProgressBar update in Android](https://stackoverflow.com/questions/8035682/animate-progressbar-update-in-android) –  Nov 13 '18 at 08:19

2 Answers2

6

You can use default progressbar and just add below code to your progressbar in xml

style="?android:attr/progressBarStyleHorizontal"
android:rotation="270"
Yıldırım
  • 757
  • 10
  • 24
  • I already created the vertical progress bar, but i need the same design and progress percentage counting. – Lokendra Nov 13 '18 at 09:34
  • There is a lot of example lib, you can check it https://github.com/wasabeef/awesome-android-ui/blob/master/pages/Progress.md – Yıldırım Nov 13 '18 at 10:11
1

Check this git repository.

enter image description here

Progress Bar (XML Component)

<RelativeLayout
      android:id="@+id/parent_swipeable_view"
      android:layout_width="match_parent"
      android:layout_height="?attr/actionBarSize"
      android:background="@color/colorPrimary">

    <View
        android:id="@id/swipeable_view"
        android:layout_width="?attr/actionBarSize"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/colorAccent"/>

</RelativeLayout>

ProgressListener

swipeCoordinator.setProgressListener(new SwipeCoordinator.ProgressListener() {
  @Override public void onProgress(float progress) {
    tvAccepted.setScaleX(progress);
    tvAccepted.setScaleY(progress);
    tvAccepted.setAlpha(progress);
  }
});

Hope you got the answer here.