cuongmv162 / Circle-Progress-View

A animated circle view. Can be used as loading indicator and to show progress or values in a circular manner.

CircleView

A animated circle view. Can be used in 'value mode' or 'spinning mode'. Nice transitions between spinning and value. Can be used as loading indicator and to show progress or values in a circular manner. In seek mode, it can also be used to set a value.

Try it out here.

Fully animated:

• Animated set value.
• spinning mode.
• Transition from spinning mode to value mode.

Fully customizable:

All parts come with a customizeable color and thickness. Set the size of a part to 0 to hide it.

Text sizes

Per default the texts size is automatically calculated to fit in the circle.

Colors

The spin bar color can consist of a single color or a gradient from up to 4 colors.

Block Mode

• Via XML

        CircleProgressView:cpv_blockCount="18"
        CircleProgressView:cpv_blockScale="0.9"

Seek Mode

Set value on touch input. Enbale it:

• Via Code:

	circleview.setSeekModeEnabled(true);

• Via XML:

	CircleProgressView:cpv_seekMode="true"

For more example take a look the example app.

Add it to you project:

Get the latest release from https://jitpack.io/#jakob-grabner/Circle-Progress-View

allprojects {
    repositories {
        // ...
        maven { url "https://jitpack.io" }
    }
}


dependencies {
	// ...
        compile 'com.github.jakob-grabner:Circle-Progress-View:1.2.8'
}

JavaDoc

Get it here.