Skip to content
Animated circular progress view for Android
Branch: master
Clone or download
Latest commit 163e8b9 Nov 17, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
CircleProgressView Bump version to 1.4 Nov 17, 2018
ExampleApp Update gradle files Nov 17, 2018
gradle/wrapper Update gradle files Nov 17, 2018
media Added new screenshots. Nov 19, 2015
.gitignore gitignore: ignore .idea folder and *.iml files Aug 14, 2015
LICENSE Initial commit Feb 13, 2015
README.md Update README.md Nov 17, 2018
build.gradle Update gradle files Nov 17, 2018
gradle.properties
gradlew
gradlew.bat
settings.gradle Cleanup Aug 15, 2015

README.md

CircleView

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

MainImage

Try it out here.

Fully animated:

animation demo

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

Fully customizable:

CircleParts

All parts come with a customizable 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.

Gradient colors.

Block Mode

  • Via XML
CircleProgressView:cpv_blockCount="18"
CircleProgressView:cpv_blockScale="0.9"

Seek Mode

Set value on touch input. Enable it:

  • Via Code:
circleview.setSeekModeEnabled(true);
  • Via XML:
CircleProgressView:cpv_seekMode="true"

For more examples take a look at the example app.

Add it to your project:

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

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

dependencies {
	// ...
        implementation 'com.github.jakob-grabner:Circle-Progress-View:1.4'
}

JavaDoc

Get it here.

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.