By default Android only offers a circular indeterminate ProgressBar, that has a spinning animation and indicates that something is loading, but doesn’t show the actual progress. If we want a determinate progress bar that shows the progress, we usually have to set it to a horizontal ProgressBar with style=”?android:progressBarStyleHorizontal”.
In this video you’re going to learn, how to create a circular determinate ProgressBar with the progressDrawable attribute and a self made XML drawable.

Example code:

❗ Subscribe to the channel:

⏯ Watch more tutorials:

⭐ Become a channel member for exclusive tutorials and other perks:

㊙ Help translating the videos:

💚 Support the content:

💬 Join the Discord chat:

🎧 Audiobooks and podcasts for programmers:

👶 How to get started with Android development:

📣 Follow Coding in Flow on social media:






Xem Thêm Bài Viết Khác:



  1. Rupert Rawnsley Reply

    Great tutorial. Here's how I modified the XML file to start progress from the top and to put a gray background like the horizontal progress bar has:

    <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="">
    <solid android:color="#DDDDDD" />
    android:pivotY="50%" >
    <solid android:color="@color/colorAccent" />

  2. Faba Fabaz Reply

    Really is helpful tutorial, but pleas broo I use tecno hot 5 and there is Circle bar loading on the screen can you please help me how can I remove it?

  3. How can I see window showing progress in real time? the right side of your video.

  4. Санкаршана дас Reply

    Very useful! And very professionally mounted!

  5. Matt Graves Reply

    aha I knew if I spent countless hours watching your videos that I could extract some voodoo magic from Android… this is some badass voodoo magic here…
    combined with the include in views… man I can't even imagine all the stuff that we can create…


    Well how to hide loading animation when file is loaded..?
    Plzz replying

  7. Whoever left a thumbsdown must be really jealous of you. Hervorragend. Absolut lobenswert.


    Sir you are a *GOOD TEACHER*.
    But tell me how to use with WebView

  9. VISWESWARAN 1998 Reply

    I really love the short time of this video which directly goes into the concepts rather explaining how to create a new android project in android studio in every single video one makes. Thank you and keep up the great work!

  10. Muhammad Tahir Reply

    Hello there, i want to hide all my Views when i use SearchView in my Activity and want to show ProgressBar during the image load… Need your help plz….

  11. For anyone who encountered the problem of using setProgress which requires API level >= 24.
    You can use setProgress(percent)to avoid the problem. setProgress(percent, animate: false) with animate input requires higher API

  12. Muhammad Tariq Reply

    How to display progress inside ring, if our progress is set to 30% then I also want to display this 30% inside ring?

  13. I don't have my work PC with me to experiment so I'll ask… how could I add a textview in the middle of the ring showing the progress percentage in its numeric representation, ie "25%"?

  14. Alexander Scorpion Reply

    Hi cloud u show how can i make this show negative progress ?

Write A Comment