Immediately show what is at stake:

enter image description here

It is necessary to make such an element (ListView from such elements, for example). Everything is clear with the picture, it can be cut off, there are no questions with the text either. But with the element of "download" is not clear:

  1. How can I fill (load) in green and what elements to use.
  2. how to insert png there

ps Perhaps the title is not correct, please correct if necessary!

  • how about a few progress bars in a row? And the pictures are also superimposed on them, for example? - Vladyslav Matviienko
  • Well, how can I put a picture on the progress bar? Can you reply with a small layout example for one block with a picture? - Kirill Stoianov

2 answers 2

You can stack multiple ProgressBar in a row using LinearLayout , or RelativeLayout .
To put on the ProgressBar on top of the ImageView , put them in FrameLayout , for example. To change the progress color to green, do this: Create a progress.xml file with the following contents in the drawable folder:

 <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <item android:id="@android:id/secondaryProgress"> <clip> <shape> <corners android:radius="5dip" /> <solid android:color="#ff0000" /> </shape> </clip> <color android:color="#f58233" /> </item> <item android:id="@android:id/progress"> <clip> <shape> <corners android:radius="5dip" /> <solid android:color="#00ff00" /> </shape> </clip> <color android:color="#f58233" /> </item> </layer-list>

And in the ProgressBar set the attribute:

 android:progressDrawable="@drawable/progress"

    Like that:

     <RelativeLayout android:id="@+id/layout" android:layout_width="wrap_content" android:layout_height="wrap_content"> <ProgressBar android:id="@+id/progressBar" android:layout_width="wrap_content" android:layout_height="wrap_content" android:visibility="visible"/> <ImageView android:id="@+id/image" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true"/> </RelativeLayout>