ProgressDialog spinning circle

Question

I want to implement ProgressDialog like this one, without additional frame.:

But I'm getting this one. How could I change that?

enter image description here

Here is my code for ProgressDialog. Thanks in advance

private ProgressDialog mProgressDialog;
   ............
   mProgressDialog = new ProgressDialog(activity);
   mProgressDialog.setIndeterminate(false);
   mProgressDialog.setProgressStyle(ProgressDialog.STYLE_SPINNER);
   ............
    public class ProgressTask extends AsyncTask <Fragment,Void,Fragment>{
            @Override
            protected void onPreExecute(){
                mProgressDialog.show();
            }

            @Override
            protected Fragment doInBackground(Fragment... arg0) {   
                    //my stuff is here
            }

            @Override
            protected void onPostExecute(Fragment result) {
                   mProgressDialog.dismiss();
            }
        }

You can try this for creating custom dialogs http://stackoverflow.com/a/26821095/1554031 — Satish, Nov 08 '14 at 19:41
This answer worked for me http://stackoverflow.com/questions/21957263/why-the-background-of-progressdialog-doesnt-set-to-the-transparent — Dharmita bhatt, Jun 07 '16 at 06:40

score 137 · Accepted Answer · edited Jul 16 '15 at 22:33

Just change from ProgressDialog to ProgressBar in a layout:

res/layout.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/container">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
        //Your content here
     </LinearLayout>

        <ProgressBar
            android:id="@+id/progressBar"
            style="?android:attr/progressBarStyleLarge"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:visibility="gone"
            android:indeterminateDrawable="@drawable/progress" >
        </ProgressBar>
</RelativeLayout>

src/yourPackage/YourActivity.java

public class YourActivity extends Activity{

private ProgressBar bar;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.layout);
    bar = (ProgressBar) this.findViewById(R.id.progressBar);
    new ProgressTask().execute();
}
private class ProgressTask extends AsyncTask <Void,Void,Void>{
    @Override
    protected void onPreExecute(){
        bar.setVisibility(View.VISIBLE);
    }

    @Override
    protected Void doInBackground(Void... arg0) {   
           //my stuff is here
    }

    @Override
    protected void onPostExecute(Void result) {
          bar.setVisibility(View.GONE);
    }
}
}

drawable/progress.xml This is a custom ProgressBar that i use to change the default colors.

<?xml version="1.0" encoding="utf-8"?>

<!-- 
    Duration = 1 means that one rotation will be done in 1 second. leave it.
    If you want to speed up the rotation, increase duration value. 
    in example 1080 shows three times faster revolution. 
    make the value multiply of 360, or the ring animates clunky 
-->
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:duration="1"
    android:toDegrees="360" >

    <shape
        android:innerRadiusRatio="3"
        android:shape="ring"
        android:thicknessRatio="8"
        android:useLevel="false" >
        <size
            android:height="48dip"
            android:width="48dip" />

        <gradient
            android:centerColor="@color/color_preloader_center"
            android:centerY="0.50"
            android:endColor="@color/color_preloader_end"
            android:startColor="@color/color_preloader_start"
            android:type="sweep"
            android:useLevel="false" />
    </shape>

</rotate>

thanks for answering. What should I put to drawable folder? (what progress file is?) — Andrew Rahimov, Mar 23 '13 at 11:11
what are the color code values for color_preloader_center, color_preloader_end and color_preloader_start? — Sankar V, Aug 20 '13 at 09:14
@JackTurky can I use image drawable or animation to change that circle? — pepela, Aug 29 '13 at 08:18
of course.. my progress.xml is an animation, you can change it as you want — JackTurky, Aug 29 '13 at 08:26
@Sankar V the color are simple hex code, you can put whatever you want — JackTurky, Aug 29 '13 at 08:28
Thx for this answer :) is there a way to make it rotate faster? — Maximosaic, Dec 12 '13 at 08:29
The rotation is not smooth in Gingerbread, Is there any way to optimize and make it smooth ? — pyus13, Apr 17 '14 at 09:32
It coverts in a black dark circle in Android Gingerbread after one spin. Can anybody knows why this is happening ? — pyus13, Apr 28 '14 at 07:16
@JaiminModi modi please check this post [how to create new android xml file](http://stackoverflow.com/a/11714855/2584794) — Anup, Nov 12 '15 at 13:28
I changed the value in the size tag for both height and width in the drawable/progress.xml, but it doesn't take any effect. Any ideas? — Dean, Mar 07 '16 at 06:17
Dialogs have extra functionality over just a view - they are modal, and they can be set to not cancellable. If you want to lock the user until the task finishes, this answer won't be valid, as this does not imlement a modal solution — GaRRaPeTa, Jan 13 '17 at 21:15

score 17 · Answer 2 · answered Mar 23 '13 at 10:48

17

Put this XML to show only the wheel:

<ProgressBar
    android:indeterminate="true"
    android:id="@+id/marker_progress"
    style="?android:attr/progressBarStyle"
    android:layout_height="50dp" />

answered Mar 23 '13 at 10:48

shym

321
1
9

score 2 · Answer 3 · edited May 08 '20 at 05:31

2

I was using View.INVISIBLE and View.VISIBLE and the ProgressBar would slowly flash instead of constantly being visible, switched to View.GONE and View.VISIBLE and it works perfectly

edited May 08 '20 at 05:31

Dileepa Nipun Salinda

354
5
26

answered May 31 '13 at 01:42

jp093121

1,663
18
13

Dilip Lohar · Answer 4 · 2021-05-19T09:17:50.473

ProgressBar Dialog - no need to all-time write custom progressBar code, create a below class and use

public class DProgressbar {
    Dialog progressDialog ;
    public DProgressbar(Context context) {
        progressDialog = new Dialog(context);
        progressDialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
        progressDialog.setContentView(R.layout.dialog_api_loading);
        progressDialog.getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
        progressDialog.setCancelable(false);
    }

    public void show(){
        progressDialog.show();
    }

    public void dismiss(){
        progressDialog.dismiss();
    }

}

R.layout.dialog_api_loading

  <androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:cardCornerRadius="@dimen/size_10">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@color/white"
        android:orientation="horizontal"
        android:padding="20dp">
<ProgressBar
            android:layout_width="@dimen/size_20"
            android:layout_height="@dimen/size_20" />
            <TextView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_marginHorizontal="@dimen/txt_distance_5"
            android:gravity="center"
            android:text="Loading..." />
    </LinearLayout>
</androidx.cardview.widget.CardView>

Code only answers are discouraged. Please provide a summary of how your answer solves the problem and why it may be preferable to the other answers provided. — DaveL17, Apr 22 '21 at 12:45

score -7 · Answer 5 · edited Aug 19 '15 at 09:30

-7

Try this.........

ProgressDialog pd1;
pd1=new ProgressDialog(<current context reference here>);
pd1.setMessage("Loading....");
pd1.setCancelable(false);
pd1.show();

To dismiss....

if(pd1!=null)
 pd1.dismiss();

edited Aug 19 '15 at 09:30

silwar

5,994
2
43
63

answered Sep 25 '14 at 11:06

code_geek

153
2
11

ProgressDialog spinning circle

5 Answers5

Linked