Loading Progress alternatives and similar packages
Based on the "Progressbar/Progress View Widget" category.
Alternatively, view loading-balls alternatives based on common mentions on social networks and blogs.
-
AVLoadingIndicatorView
AVLoadingIndicatorView is a collection of nice loading animations for Android. -
NumberProgressBar
A beautiful, slim Android ProgressBar. -
SmoothProgressBar
A small Android library allowing you to have a smooth and customizable horizontal indeterminate ProgressBar -
LoadingDrawable
some android loading drawable, can be combined with any View as the loading View and Progressbar, and is especially suitable for the loading animation of the RecyclerRefreshLayout. -
Android-RoundCornerProgressBar
Round Corner Progress Bar Library for Android -
AndroidFillableLoaders
Android fillable progress view working with SVG paths. This is a nice option too if you want to create an interesting branding logo for your app. Based on the iOS project: -
KProgressHUD
An implement of ProgressHUD for Android, similar to MBProgressHUD, SVProgressHUD for iOS. -
android-square-progressbar
An android library to display a progressbar that goes around an image. -
android-HoloCircularProgressBar
Holo Circular ProgressBar -
MaterialLoadingProgressBar
MaterialLoadingProgressBar provide a styled ProgressBar which looks like SwipeRefreshLayout's loading indicator(support-v4 v21+) -
AnimatedCircleLoadingView
An animated circle loading view -
CircleProgressBar
A circular android ProgressBar library which extends ProgressBar, It has both solid and line two styles. Besides, progress value can be freely customized. -
DownloadProgressBar
Android progress bar with cool animation, inspired by : -
ColorArcProgressBar
A customizable circular progressbar, which can achieve the effect of the QQ health's arc progress and dashboard. -
RefreshActionItem
Android - An action bar item which acts both as a refresh button and as a progress indicator -
Dilating Dots Progress Bar
An animated progress indicator -
ProgressPieView
Android library for showing progress in a highly customizable pie. -
ColoringLoading
This project provide Coloring Loading View for Android. And this project is not using the image file! -
State Views for Android
Create & Show progress, data or error views, the easy way! -
Percentage Chart View
custom_view, progress_bar, chart -
circular-slider-android
Circular Slider is a custom-built Android View used for choosing numbers. It works similarly to the regular slider control (SeekBar), just goes around in a circular fashion - simple enough. Note that the thumb scroller (the thing you drag around) can be either a solid-color circle or a custom drawable (like a PNG image). -
ACProgressLite
A lightweight Android library to display customizable progressbar like iOS MBProgressHUD. -
SlidingSquaresLoader
A simple progress loader inspired by Can you Code this UI? Volume 6! - https://stories.uplabs.com/can-you-code-this-ui-volume-6-7bd09fa6dd92#.nyh2zhpvb -
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. -
StackedHorizontalProgressBar
💈 [Android Library] Stacked dual progress indicator progressbar -
FillProgressLayout
A simple and flexible Fillable Progress Layout written in Kotlin -
N-SidedProgressBar
Progress Bar in the shape of regular polygon. -
TerminalSeekBar
A smart seek bar with multiple junction points at random seek position.
Get performance insights in less than 4 minutes.
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest. Visit our partner's website for more details.
Do you think we are missing an alternative of Loading Progress or a related project?
README
Loading Balls
A highly configurable library to do loading progress with animated balls for Android
[Demo Screenshot][1]
How to use
Custom attributes
lib:path="triangle"
The shape of the movement, available:
* infinite
* square
* triangle
* circle
* diamond
* star
lib:balls="3"
Number of balls used in the animation
lib:movement_cycle_time="1500"
The time which the ball takes to do a complete cicle
lib:enable_size_animation="true"
Enables the size animation in the balls (by default is false)
lib:size_cycle_time="500"
The time it takes to the ball to grow up and decrease the size one time
lib:ball_size="6dp"
Set the balls size
lib:min_ball_size="5dp"
lib:max_ball_size="12dp"
To use with enable_size_animation="true", set the min and the max ball size
lib:ball_colors="@array/colors"
Array of colors for the balls, if there are more balls than colors then repeat color balls
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="ball1">#FFD91C</color>
<color name="ball2">#FF4B4A</color>
<color name="ball3">#3D8EFF</color>
<integer-array name="colors">
<item>@color/ball1</item>
<item>@color/ball2</item>
<item>@color/ball3</item>
</integer-array>
</resources>
Sample colors array
For Gradle
Add repository
repositories {
maven {
url "http://dl.bintray.com/glomadrian/maven"
}
}
Add dependency
compile 'com.github.glomadrian:loadingballs:[email protected]'
Some Samples
Default Infinite shape
[Sample][1]
<com.github.glomadrian.loadingballs.BallView
android:layout_margin="30dp"
android:layout_width="100dp"
android:layout_height="100dp"
lib:balls="3"
lib:movement_cycle_time="1500"
lib:enable_size_animation="true"
lib:size_cycle_time="500"
lib:min_ball_size="5dp"
lib:max_ball_size="12dp"
lib:ball_colors="@array/colors"
android:layout_gravity="center"
/>
Infinite shape without size animation
[Sample][2]
<com.github.glomadrian.loadingballs.BallView
android:layout_margin="30dp"
android:layout_width="100dp"
android:layout_height="100dp"
lib:balls="3"
lib:movement_cycle_time="1000"
lib:enable_size_animation="false"
lib:ball_colors="@array/colors"
android:layout_gravity="center"
/>
Infinite shape with 5 balls
[Sample][3]
<com.github.glomadrian.loadingballs.BallView
android:layout_margin="30dp"
android:layout_width="100dp"
android:layout_height="100dp"
lib:balls="5"
lib:movement_cycle_time="1500"
lib:enable_size_animation="true"
lib:size_cycle_time="500"
lib:min_ball_size="5dp"
lib:max_ball_size="12dp"
lib:ball_colors="@array/colors"
android:layout_gravity="center"
/>
Triangle shape with 3 balls and size animation
[Sample][4]
<com.github.glomadrian.loadingballs.BallView
android:layout_margin="30dp"
android:layout_width="100dp"
android:layout_height="100dp"
lib:balls="3"
lib:movement_cycle_time="1500"
lib:enable_size_animation="true"
lib:size_cycle_time="500"
lib:min_ball_size="5dp"
lib:max_ball_size="12dp"
lib:ball_colors="@array/colors"
lib:path="triangle"
android:layout_gravity="center"
/>
Triangle shape with 2 balls
[Sample][5]
<com.github.glomadrian.loadingballs.BallView
android:layout_margin="30dp"
android:layout_width="100dp"
android:layout_height="100dp"
lib:balls="2"
lib:movement_cycle_time="800"
lib:enable_size_animation="false"
lib:ball_colors="@array/colors"
lib:path="triangle"
android:layout_gravity="center"
/>
Square shape with 3 balls
[Sample][6]
<com.github.glomadrian.loadingballs.BallView
android:layout_margin="30dp"
android:layout_width="100dp"
android:layout_height="100dp"
lib:balls="3"
lib:movement_cycle_time="800"
lib:enable_size_animation="false"
lib:ball_colors="@array/colors"
lib:path="square"
android:layout_gravity="center"
/>
Square shape with 5 balls and size animation
[Sample][7]
<com.github.glomadrian.loadingballs.BallView
android:layout_margin="30dp"
android:layout_width="100dp"
android:layout_height="100dp"
lib:balls="5"
lib:movement_cycle_time="1200"
lib:enable_size_animation="true"
lib:size_cycle_time="500"
lib:min_ball_size="5dp"
lib:max_ball_size="12dp"
lib:ball_colors="@array/colors"
lib:path="square"
android:layout_gravity="center"
/>
Circle shape with 3 balls and size animation
[Sample][8]
<com.github.glomadrian.loadingballs.BallView
android:layout_margin="30dp"
android:layout_width="100dp"
android:layout_height="100dp"
lib:balls="3"
lib:movement_cycle_time="1200"
lib:enable_size_animation="true"
lib:size_cycle_time="1500"
lib:min_ball_size="5dp"
lib:max_ball_size="12dp"
lib:ball_colors="@array/colors"
lib:path="circle"
android:layout_gravity="center"
/>
Circle shape with 2 balls without size animation
[Sample][9]
<com.github.glomadrian.loadingballs.BallView
android:layout_margin="30dp"
android:layout_width="100dp"
android:layout_height="100dp"
lib:balls="2"
lib:movement_cycle_time="700"
lib:enable_size_animation="false"
lib:ball_colors="@array/colors"
lib:path="circle"
android:layout_gravity="center"
/>
Star shape with 10 balls without size animation
[Sample][10]
<com.github.glomadrian.loadingballs.BallView
android:layout_margin="30dp"
android:layout_width="100dp"
android:layout_height="100dp"
lib:balls="10"
lib:movement_cycle_time="2500"
lib:enable_size_animation="false"
lib:ball_colors="@array/colors"
lib:path="star"
lib:ball_size="5dp"
android:layout_gravity="center"
/>
Star shape with 5 balls and size animation
[Sample][11]
<com.github.glomadrian.loadingballs.BallView
android:layout_margin="30dp"
android:layout_width="100dp"
android:layout_height="100dp"
lib:balls="5"
lib:movement_cycle_time="2500"
lib:ball_colors="@array/colors"
lib:path="star"
lib:ball_size="5dp"
lib:enable_size_animation="true"
lib:size_cycle_time="800"
lib:min_ball_size="5dp"
lib:max_ball_size="8dp"
android:layout_gravity="center"
/>
Star shape with 3 balls and size animation
[Sample][12]
<com.github.glomadrian.loadingballs.BallView
android:layout_margin="30dp"
android:layout_width="100dp"
android:layout_height="100dp"
lib:balls="3"
lib:movement_cycle_time="2500"
lib:ball_colors="@array/colors"
lib:path="star"
lib:ball_size="5dp"
lib:enable_size_animation="true"
lib:size_cycle_time="800"
lib:min_ball_size="5dp"
lib:max_ball_size="8dp"
android:layout_gravity="center"
/>
Diamond shape with 5 balls without size animation
[Sample][14]
<com.github.glomadrian.loadingballs.BallView
android:layout_margin="30dp"
android:layout_width="100dp"
android:layout_height="100dp"
lib:balls="5"
lib:movement_cycle_time="2500"
lib:ball_colors="@array/colors"
lib:path="diamond"
lib:ball_size="6dp"
android:layout_gravity="center"
/>
Diamond shape with 4 balls and size animation
[Sample][13]
<com.github.glomadrian.loadingballs.BallView
android:layout_margin="30dp"
android:layout_width="100dp"
android:layout_height="100dp"
lib:balls="4"
lib:movement_cycle_time="2500"
lib:ball_colors="@array/colors"
lib:path="diamond"
lib:ball_size="5dp"
lib:enable_size_animation="true"
lib:size_cycle_time="800"
lib:min_ball_size="5dp"
lib:max_ball_size="8dp"
android:layout_gravity="center"
/>
Diamond shape with 10 balls without size animation
[Sample][15]
<com.github.glomadrian.loadingballs.BallView
android:layout_margin="30dp"
android:layout_width="100dp"
android:layout_height="100dp"
lib:balls="10"
lib:movement_cycle_time="2500"
lib:ball_colors="@array/colors"
lib:path="diamond"
lib:ball_size="4dp"
android:layout_gravity="center"
/>
Developed By
Adrián García Lomas - [email protected]
License
Copyright 2015 Adrián García Lomas
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*Note that all licence references and agreements mentioned in the Loading Progress README section above
are relevant to that project's source code only.