Custom horizontal progress bar style: Black dotted line and progress bar dotted line

Custom horizontal progress bar style: Black dotted line and progress bar dotted line
Used in layout:

1 <ProgressBar 2 android: id = "@ + id/progress_bar" 3> below is the xml source code myprogress. xml:
 
1 <? Xml version = "1.0" encoding = "UTF-8"?> 2 <layer-list xmlns: android = "http://schemas.android.com/apk/res/android"> 3 <! -- The order of item background and progress cannot be reversed --> 4 <item android: id = "@ android: id/background"> 5 <shape android: shape = "line"> 6 <stroke 7 android: width = "4dp" android: color = "#666666" <! -- Background color and width --> 8 android: dashWidth = "4dp" android: dashGap = "1dp"/> <! -- Dotted line interval 1dp --> 9 </shape> 10 </item> 11 <item android: id = "@ android: id/progress "> 12 <clip> 13 <shape android: shape =" line "> 14 <stroke15 android: width =" 4dp "android: color = "#000000" 16 android: dashWidth = "4dp" android: dashGap = "1dp"/> 17 </shape> 18 </clip> 19 </item> 20 </layer-list>