Update page loading ui

app/src/main/kotlin/org/koitharu/kotatsu/reader/ui/pager/BasePageHolder.kt

@@ -181,7 +181,7 @@ abstract class BasePageHolder<B : ViewBinding>(
 			}
 
 			is PageState.Loaded -> {
-				bindingInfo.textViewStatus.setText(R.string.processing_)
+				bindingInfo.textViewStatus.setText(R.string.preparing_)
 				ssiv.setImage(state.source)
 			}
 

app/src/main/res/color-v23/bg_background_transparency.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+	<item android:alpha="0.4" android:color="?android:colorBackground" />
+</selector>

app/src/main/res/color/bg_background_transparency.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+	<item android:alpha="0.4" android:color="@color/kotatsu_background" />
+</selector>

app/src/main/res/drawable/bg_rounded_transparency.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape
+	xmlns:android="http://schemas.android.com/apk/res/android"
+	android:shape="rectangle">
+
+	<corners android:radius="4dp" />
+
+	<solid android:color="@color/bg_background_transparency" />
+
+</shape>

app/src/main/res/layout/layout_page_info.xml

@@ -19,7 +19,7 @@
 			android:id="@+id/progressBar"
 			android:layout_width="wrap_content"
 			android:layout_height="wrap_content"
-			android:layout_marginBottom="@dimen/badge_offset"
+			android:layout_marginBottom="8dp"
 			android:indeterminate="true"
 			android:visibility="gone"
 			tools:visibility="visible" />
@@ -29,7 +29,9 @@
 			android:layout_width="wrap_content"
 			android:layout_height="wrap_content"
 			android:layout_gravity="center"
+			android:background="@drawable/bg_rounded_transparency"
 			android:gravity="center"
+			android:padding="4dp"
 			android:textAppearance="?textAppearanceBodyLarge"
 			tools:text="72%" />
 	</LinearLayout>