Android- How to implement Horizontal Step Progress Bar

Question

I want to implement horizontal progress bar with steps like shown in following img.

Horizontal Step Progress bar

I could not find such native component in Android. Can anyone guide me on how to do it ?

hm.. is tht the only way ? and if yes.. any links that may be useful ? — Rohit, Jan 29 '13 at 11:34
take a look how to create custom views http://developer.android.com/training/custom-views/index.html aslo lookt at progress bar source code http://grepcode.com/file/repository.grepcode.com/java/ext/com.google.android/android/4.1.1_r1/android/widget/ProgressBar.java?av=f and simple custom progress bar with text http://weavora.com/blog/2012/02/23/android-progressbar-with-text/ — Georgy Gobozov, Jan 29 '13 at 11:50
use a range bar. look at this link https://github.com/oli107/material-range-bar or https://github.com/yahoo/android-range-seek-bar — Mahalakshmi, Jan 11 '16 at 05:48

score 12 · Answer 1 · answered Jul 05 '17 at 05:36

12

I found a Vertical Steper that follows Google Material Design guidelines:

And also another well documented library Here

I hope it helps.

answered Jul 05 '17 at 05:36

Milad Faridnia

9,113
13
65
78

Can I add recyclerview for content in vertical stepper? – Sasmita Mar 23 '22 at 15:46

Alan · Accepted Answer · 2016-09-15T12:04:50.053

8

EDIT: A repo which seems to currently be well supported and used (Sep 2016) https://github.com/baoyachi/StepView

Old Answer:

This answer is late to the party, but so far the best I've found is this repo from Anton46: https://github.com/anton46/Android-StepsView It's quite simple to setup too.

Heres an example:

edited Sep 15 '16 at 12:04

answered Aug 24 '16 at 12:22

Alan

1,510
1
18
35

1

Accepted the answer. Back in the days when question was asked, there was no such library present. :) Thanks for putting a light on this question. – Rohit Sep 14 '16 at 05:49
1

No problem @rohit, I've actually found a better supported repo, Ive added to my answer. – Alan Sep 15 '16 at 12:05
Thanks it helped me a lot – Milad Faridnia Jul 05 '17 at 05:37
Width not increse when we user vertical Please improve when data is more data is overlapping other view – Keshav Gera Mar 20 '18 at 09:12

Dmitry Yablokov · Answer 3 · 2019-12-27T16:19:42.943

2

I've created a Step View ViewPager that supports both Horizontal and Vertical paging and doesn't require drawables and images. You can configure the appearance by simply specifying various attributes.

It can be found here https://github.com/YablokovDmitry/StepViewPager