How to create a horizontal loading progress bar?

Question

When uninstalling an android application, or do some configuration, there will show such a horizontal progress bar, like following picture:

progress bar

It's not the same style like @android:style/Widget.ProgressBar.Horizontal.

How to use it in my own application?

http://stackoverflow.com/questions/13964520/android-custom-horizontal-progress-bar-animation/15788598#15788598 — user1269737, Apr 03 '13 at 13:27

score 190 · Answer 1 · edited Feb 22 '19 at 12:19

190

Just add a STYLE line and your progress becomes horizontal:

<ProgressBar
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/progress"
        android:layout_centerHorizontal="true"      
        android:layout_centerVertical="true"      
        android:max="100" 
        android:progress="45"/>

edited Feb 22 '19 at 12:19

AskNilesh

58,437
15
99
129

answered Dec 12 '13 at 11:51

Vitas

2,087
2
10
5

It works but not dynamic horizontal bar ... need it constant on progress 45 – Tarit Ray Aug 24 '17 at 06:55
+1 because this is the first option that worked for me. How do I set the progress color (not background)? – Taslim Oseni Jan 19 '19 at 07:47
1

@TaslimOseni you can set progress bar color by progress.setProgressTintList(ColorStateList.valueOf(Color.GREEN)); – Akash kumar Jul 24 '20 at 19:14

score 73 · Accepted Answer · answered Nov 16 '12 at 03:33

73

It is Widget.ProgressBar.Horizontal on my phone, if I set android:indeterminate="true"

answered Nov 16 '12 at 03:33

Sergey Glotov

19,479
11
78
93

7

Also, be sure to set height to `wrap_content` (or something bigger), I've lost almost an hour to figure out why the progress bar wasn't showing... -.- – milosmns Dec 18 '14 at 12:26

score 66 · Answer 3 · edited Jun 01 '16 at 16:29

For using the new progress bar

style="?android:attr/progressBarStyleHorizontal"

for the old grey color progress bar use

style="@android:style/Widget.ProgressBar.Horizontal"

in this one you have the option of changing the height by setting minHeight

The complete XML code is:

    <ProgressBar
    android:id="@+id/pbProcessing"
    style="?android:attr/progressBarStyleHorizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/tvProcessing"
    android:indeterminateOnly="true"/>

indeterminateOnly is set to true for getting indeterminate horizontal progress bar

What's the difference between the two styles? – TWiStErRob May 21 '16 at 22:06 — TWiStErRob, May 21 '16 at 22:06

score 13 · Answer 4 · edited Jan 29 '14 at 11:19

Progress Bar in Layout

<ProgressBar 
               android:id="@+id/download_progressbar"
               android:layout_width="200dp"
               android:layout_height="24dp"
               android:background="@drawable/download_progress_bg_track"
               android:progressDrawable="@drawable/download_progress_style"
               style="?android:attr/progressBarStyleHorizontal"
               android:indeterminate="false"
               android:indeterminateOnly="false" />

download_progress_style.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/progress">
    <scale 
      android:useIntrinsicSizeAsMinimum="true" 
      android:scaleWidth="100%" 
      android:drawable="@drawable/store_download_progress" />
</item>

score 6 · Answer 5 · answered Aug 28 '17 at 15:46

Worked for me , can try with the same

<ProgressBar
    android:id="@+id/determinateBar"
    android:indeterminateOnly="true"
    android:indeterminateDrawable="@android:drawable/progress_indeterminate_horizontal"
    android:indeterminateDuration="10"
    android:indeterminateBehavior="repeat"
    android:progressBackgroundTint="#208afa"
    android:progressBackgroundTintMode="multiply"
    android:minHeight="24dip"
    android:maxHeight="24dip"
    android:layout_width="match_parent"
    android:layout_height="10dp"
    android:visibility="visible"/>

How to create a horizontal loading progress bar?

5 Answers5

Linked