Barra de progreso con esquinas redondeadas?

Estoy tratando de lograr este diseño de barra de progreso: Introduzca aquí la descripción de la imagen

El código actual que tengo produce esto: Introduzca aquí la descripción de la imagen

Este es el código:

<item android:id="@android:id/background"> <shape> <corners android:radius="8dp"/> <solid android:color="@color/dirtyWhite"/> </shape> </item> <item android:id="@android:id/progress"> <clip> <shape> <corners android:radius="8dp"/> <solid android:color="@color/colorPrimaryDark"/> </shape> </clip> </item> 

Mi barra de progreso:

  <ProgressBar android:id="@+id/activeProgress" style="?android:attr/progressBarStyleHorizontal" android:layout_width="300dp" android:layout_height="wrap_content" android:layout_weight="1" android:progress="10" android:progressDrawable="@drawable/rounded_corners_progress_bar"/> 

Intenté agregar el atributo <size> en <shape> en <clip para hacer que la forma del progreso fuera un poco más pequeña, pero no funcionó. Además, la barra de progreso es plana y quiero ser curvada según el diseño. ¿Qué necesito cambiar para lograr el diseño?

¿Cómo hacer que la forma del progreso sea un poco más pequeña?

Necesita dar un poco de relleno al elemento de progreso, así:

 <item android:id="@android:id/progress" android:top="2dp" android:bottom="2dp" android:left="2dp" android:right="2dp"> 

¿Cómo hacer que la barra de progreso se curve según el diseño?

Reemplace el elemento <clip></clip> , con <scale android:scaleWidth="100%"></scale> . Eso hará que la forma de mantener su forma a medida que crece – y no cortar. Desafortunadamente, tendrá un poco de efecto visual no deseado al principio – pues las esquinas de la forma no tienen bastante espacio para dibujar. Pero puede ser suficiente para la mayoría de los casos.

Código completo:

 <item android:id="@android:id/background"> <shape> <corners android:radius="8dp"/> <solid android:color="@color/dirtyWhite"/> </shape> </item> <item android:id="@android:id/progress" android:top="1dp" android:bottom="1dp" android:left="1dp" android:right="1dp"> <scale android:scaleWidth="100%"> <shape> <corners android:radius="8dp"/> <solid android:color="@color/colorPrimaryDark"/> </shape> </scale> </item> 
  • HttpUrlConnection carga de archivo multipart con ProgressBar
  • Cómo rastrear el progreso de una solicitud de volea
  • ProgressBar personalizado
  • Barra de progreso de la actualización en listview para archivos múltiples descarga
  • Ciertos estilos de ProgressBar no se muestran en Nexus 5 Android 5.0.1
  • Implementar un indicador de actividad giratoria similar a iOS en Android
  • Android cambia el color de la barra de progreso Horizonal
  • ProgressBar spamming Logcat
  • Cómo utilizar la barra de progreso indeterminada en appcompat-v7 r21 biblioteca?
  • Androide: barra de progreso horizontal indeterminada (diálogo)
  • Crear una barra personalizada con 5 colores diferentes
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.