MindorksOpenSource / Radialprogressbar
Licence: apache-2.0
Radial ProgressBar inspired by Apple Watch OS. It is highly Customisable
Stars: ✭ 141
Projects that are alternatives of or similar to Radialprogressbar
React Sweet Progress
A way to quickly add a progress bar to react app 🌈
Stars: ✭ 239 (+69.5%)
Mutual labels: progress, progress-bar, progressbar
angular-progress-bar
This component allow you to easy incorporate progress-bar to angular/ionic project, providing binding and color options
Stars: ✭ 26 (-81.56%)
Mutual labels: progress, progress-bar, progressbar
react-sweet-progress
A way to quickly add a progress bar to react app 🌈
Stars: ✭ 250 (+77.3%)
Mutual labels: progress, progress-bar, progressbar
Roundprogresstextview
TextView with Round Pogress
Stars: ✭ 18 (-87.23%)
Mutual labels: progress, progress-bar, progressbar
Delayedprogress
ProgressDialog that waits a minimum time to be dismissed before showing. Once visible, the ProgressDialog will be visible for a minimum amount of time to avoid "flashes" in the UI.
Stars: ✭ 95 (-32.62%)
Mutual labels: progress, progress-bar, progressbar
Alive Progress
A new kind of Progress Bar, with real-time throughput, ETA, and very cool animations!
Stars: ✭ 2,940 (+1985.11%)
Mutual labels: progress, progress-bar, progressbar
React Nprogress
⌛️ A React primitive for building slim progress bars.
Stars: ✭ 173 (+22.7%)
Mutual labels: progress, progress-bar, progressbar
Tqdm
A Fast, Extensible Progress Bar for Python and CLI
Stars: ✭ 20,632 (+14532.62%)
Mutual labels: progress, progress-bar, progressbar
VHProgressBar
Vartical and Horizontal ProgressBar
Stars: ✭ 23 (-83.69%)
Mutual labels: progress, progress-bar, progressbar
Vue Step Progress
A simple Vue component that displays a Progress Bar with labels for each step
Stars: ✭ 26 (-81.56%)
Mutual labels: progress, progress-bar, progressbar
Python Progressbar
Progressbar 2 - A progress bar for Python 2 and Python 3 - "pip install progressbar2"
Stars: ✭ 682 (+383.69%)
Mutual labels: progress, progress-bar, progressbar
ProBar
this script will allow you to configure a progress bar with a timer with other options
Stars: ✭ 0 (-100%)
Mutual labels: progress, progress-bar, progressbar
LineProgressbar
A light weight jquery progressbar plugin
Stars: ✭ 34 (-75.89%)
Mutual labels: progress, progress-bar, progressbar
Multiprogressview
📊 An animatable view that depicts multiple progresses over time. Modeled after UIProgressView
Stars: ✭ 614 (+335.46%)
Mutual labels: progress, progress-bar, progressbar
Ruby Progressbar
Ruby/ProgressBar is a text progress bar library for Ruby.
Stars: ✭ 1,378 (+877.3%)
Mutual labels: progress, progress-bar, progressbar
Missme
Same Old Android Progress Dialog
Stars: ✭ 49 (-65.25%)
Mutual labels: progress-bar, progressbar
Radial Progress Bar
Radial ProgressBar inspired by Apple Watch OS. It is highly Customisable
Preview of Radial Progress Bar
Getting Started
build.gradle
at the end of repositories:
Step 1. Add the JitPack repository to your Add it in your root allprojects {
repositories {
maven { url 'https://jitpack.io' }
}
}
Step 2. Add the dependency
dependencies {
implementation 'com.github.MindorksOpenSource:RadialProgressBar:v1.3'
}
Step3. To use this in XML File, use
<com.mindorks.RadialProgressBar
android:layout_width="200dp"
android:layout_height="200dp"
android:id="@+id/progress_view"
app:useRoundedCorner="true"
app:innerMaxProgress="100"
app:outerMaxProgress="100"
app:centerMaxProgress="100"
app:isAnimationOn="true"
app:innerProgress="50"
app:centerProgress="50"
app:hasTwoProgressView="false"
app:hasOneProgressView="false"
/>
Step 4. Link the XML in Activity File using,
val radialProgressBar = findViewById(R.id.progress_view)
or
RadialProgressBar rpb = findViewById(R.id.progress_view) //if using Java
thats it and how you can use the RadialProgressView in your project.
To Customise it according to your need you can use,
Feature | XML | Activity (Java/Koltin) | Default |
---|---|---|---|
Set Start Angle OuterView | app:outerProgressStartAngle="angle" | rpb.setStartAngleOuterView(angle) | 270 |
Set Start Angle CenterView | app:centerProgressStartAngle="angle" | rpb.setStartAngleCenterView(angle) | 270 |
Set Start Angle InnerView | app:innerProgressStartAngle="angle" | rpb.setStartAngleInnerView(angle) | 270 |
Set EmptyProgressColorOuterView | app:outerEmptyProgressColor="color" | rpb.setEmptyProgressColorOuterView(color) | #F5F5F5 |
Set EmptyProgressColorCenterView | app:centerEmptyProgressColor="color" | rpb.setEmptyProgressColorCenterView(color) | #F5F5F5 |
Set EmptyProgressColorInnerView | app:innerEmptyProgressColor="color" | rpb.setEmptyProgressColorInnerView(color) | #F5F5F5 |
Set MaxProgressOuterView | app:outerMaxProgress="Integer" | rpb.setMaxProgressOuterView(Integer) | 100 |
Set MaxProgressCenterView | app:centerMaxProgress="Integer" | rpb.setMaxProgressCenterView(Integer) | 100 |
Set MaxProgressInnerView | app:innerMaxProgress="Integer" | rpb.setMaxProgressInnerView(Integer) | 100 |
Set OuterProgress | app:outerProgress="Integer" | rpb.setOuterProgress(Integer) | 0 |
Set CenterProgress | app:centerProgress="Integer" | rpb.setCenterProgress(Integer) | 0 |
Set InnerProgress | app:innerProgress="Integer" | rpb.setInnerProgress(Integer) | 0 |
Set OuterProgressColor | app:outerProgressColor="color" | rpb.setOuterProgressColor(listOfColor) | #f52e67 |
Set CenterProgressColor | app:centerProgressColor="color" | rpb.setCenterProgressColor(listOfColor) | #c2ff07 |
Set InnerProgressColor | app:innerProgressColor="color" | rpb.setInnerProgressColor(listOfColor) | #0dffab |
Set Elevation | app:hasElevation="true/false" | rpb.hasElevation(true/false) | false |
Set EmptyProgressBar | app:hasEmptyProgressBar="true/false" | rpb.hasEmptyProgressBar(true/false) | false |
Set Animation | app:isAnimationOn="true/false" | rpb.setAnimationInProgressView(true/false) | true |
Set RoundedCorner | app:useRoundedCorners="true/false" | rpb.useRoundedCorners(true/false) | true |
Set ProgressValues | ---- | rpb.setProgressValues(int,int,int) | ---- |
Set MaxProgressValues | ---- | rpb.setMaxProgressValues(int,int,int) | ---- |
Set Only OuterProgress | app:hasOneProgressView="true/false" | rpb.setOneProgressView(true/false) | false |
Set Only Outer and CenterProgress | app:hasTwoProgressView="true/false" | rpb.setTwoProgressView(true/false) | false |
Set Circle Thickness*** | app:circleThickness="float" | rpb.setCircleThickness(float) | 1f |
Set Circle Padding | app:circlePadding="float" | rpb.setCirclePadding(float) | 10f |
**angle = 0/90/180/270
***circleThickness between 0f to 1f
You can also get value related to the RadialProgressView,
Feature | Value |
---|---|
Get Outer Progress | rpb.getOuterProgress() |
Get Inner Progress | rpb.getInnerProgress() |
Get Center Progress | rpb.getCenterProgress() |
Get Start Angle OuterProgress | rpb.getStartAngleOuterView() |
Get Start Angle InnerProgress | rpb.getStartAngleInnerView() |
Get Start Angle CenterProgress | rpb.getStartAngleCenterView() |
Get Start Angle OuterProgress | rpb.getMaxProgressOuterView() |
Get Start Angle InnerProgress | rpb.getMaxProgressInnerView() |
Get Start Angle CenterProgress | rpb.getMaxProgressCenterView() |
For Gradient Shade,
val outerColor = ArrayList<Int>()
outerColor.add(Color.parseColor("#fbab00"))
outerColor.add(Color.parseColor("#f5004b"))
progress.setOuterProgressColor(outerColor)
Todo
- If using One progressbar, user can also have an option to display the value in text
If this library helps you in anyway, show your love ❤️ by putting a ⭐️ on this project ✌️
Check out Mindorks awesome open source projects here
Contributor
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].