The progress circle is getting cut-off/clipped. It's never a smooth circle for me.

[epiphany27]

Please let me know what am I doing wrong. I am trying below sample example. I do not have coordinator layout in my case, which I think should not be an issue.

<com.github.jorgecastilloprz.FABProgressCircle
            android:id="@+id/fabProgressCircle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/address_autocomplete_text_inp_layout"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="40dp"
            app:arcWidth="7dp">

            <!-- You can change it with the fab from the library you want to use -->
            <android.support.design.widget.FloatingActionButton
                android:id="@+id/fab"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/ic_arrow_forward_white_24dp"
                app:borderWidth="0dp"/>

        </com.github.jorgecastilloprz.FABProgressCircle>

[crearo]

Use android:clipToPadding="false". That should solve it for you.

[afedorychak]

This is indeed a bug in the library, it sets dimensions for the arc view based on hard coded expected fab size + single arc width. It should be using double arc width instead. Setting clipToPadding to false will help but only if you actually give FABProgressCircle some padding, otherwise it will still be clipped by FABProgressCircle's parent.

[hablema]

Had the same issue. android:clipToPadding="false" didn't solve it for me. Setting app:useCompatPadding="true" for the FloatingActionButton solved it for me.

[LucasBourgeois]

set a value to the layout-width and layout-height of the <com.github.jorgecastilloprz.FABProgressCircle /> tag Then you can increase the arc-width to make it more visible. like :

android:layout_width="75dp" android:layout_height="75dp"