I am drawing two arc in WheelIndicatorView using following color codes #cc0000(dark red) & #66cc0000(light red). I have added dark red first and then light red but there is a dot(.) with dark red color left at the end(see the attachment). Below is my code -

    verifiedWheel = new WheelIndicatorItem(verified , getResources().getColor(R.color.red));
   mWheelIndicatorView.addWheelIndicatorItem(20);

    connectedWheel = new WheelIndicatorItem(connected ,              getResources().getColor(R.color.light_red));
    mWheelIndicatorView.addWheelIndicatorItem(50);

    mWheelIndicatorView.setFilledPercent(70);
    mWheelIndicatorView.startItemsAnimation();

Added the possibility to use a gradient color on a wheelItem. Also the color/gradients of the itens can be changed at runtime. The example shows one item with a gradient color that changes when the user touches the wheel view.

I intend to try and display a few WheelIndicatorViews below one another in a scrolling layout, however I can only manage to actually get one on the screen and even then it stops the layout scrolling. Here is the XML that I have used for my layout but just no luck:

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:fillViewport="true">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <com.dlazaro66.wheelindicatorview.WheelIndicatorView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/wheel_indicator_view"
            app:itemsLineWidth="13dp" />

        <com.dlazaro66.wheelindicatorview.WheelIndicatorView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/wheel_indicator_view2"
            app:itemsLineWidth="13dp" />

    </LinearLayout>
</ScrollView>

I noticed that the default animation goes from very smooth at the start to super jerky when it's about to end. It would be nice if the animation was smooth during the entire duration. Tested on my Nexus 5.

Very nice library by the way!

first of all, thanks for your endeavor, and this lib is of great help. However, I encountered frame drop problem. Here is the situation, I used several fragments with WheelIndicatorView, and when I, unfortunately , try to change my fragment, it drops even hundreds of frames shown in the logcat. And I believe it must be the animation of wheelindicatorview that reduced the performance. And thanks ahead.