Awesome Loading Indicators

Awesome list about loading indicators in different languages and formats.

Contents

• C/C++
• C#
• CSS
• Dart
• Go
• Java
• JavaScript
• Kotlin
• Objective-C
• Python
• Ruby
• SVG
• Swift
• TypeScript

C/C++

• indicators - Activity Indicators for Modern C++.

C#

• RadialProgressBar - Customizable radial progress bar shader for Unity3D. Allows you to set arc range, minimum and maximum colors, textures, radius, and a few more things. Create HP Bars, Speedometers, rank progress, etc!

CSS

• CSS loader - Simple loaders for your web applications using only one div and pure CSS.
• CSSPIN - CSS Spinners and Loaders - Modular, Customizable and Single HTML Element Code for Pure CSS Loader and Spinner.
• css-spinner - Collection of 12 small, elegant pure css spinners for your website's loading animation.
• Loaders.css - Delightful, performance-focused pure css loading animations.
• PACE - Automatically add a progress bar to your site.
• Single Element CSS Spinners - A collection of loading spinners animated with CSS.
• SpinKit - Simple loading spinners animated with CSS.
• SpinThatShit - A set of SCSS mixins for single element loaders and spinners.
• text-spinners - Pure text, CSS only, font independent, inline loading indicators.

Dart

• flutter_easyrefresh - A flutter widget that provides pull-down refresh and pull-up load.
• Flutter Spinkit - A collection of loading indicators animated with flutter.

Go

• Multi Progress Bar - Multi progress bar for Go cli applications.
• progressbar - A really basic thread-safe progress bar for Golang applications.
• Terminal progress bar for Go - Console progress bar for Golang.
• uiprogress - A go library to render progress bars in terminal applications.

Java

• Android NumberProgressBar - A beautiful, slim Android ProgressBar.
• android-shapeLoadingView - 高仿新版58 加载动画.
• Android-SpinKit - Android loading animations.
• Animated Circle Loading View - An animated circle loading view.
• CircleProgressBar - A circular android ProgressBar library which extends View, and the usage same as ProgressBar, It has solid,line and solid_line three styles. Besides, progress value can be freely customized.
• Download Progress Bar - DownloadProgressBar is an android library that delivers awesome custom progress bar. You can manipulate it's state in every way.
• GoogleProgressBar - Android library to display progress like google does in some of his services.
• LoadingDrawable - Some beautiful android loading drawable, can be combined with any view as the LoadingView or the ProgressBar.
• LoadingView - A simple loadingview for android with animation.
• MaterialProgressBar - Material Design ProgressBar with consistent appearance.
• MetaballLoading - A 2d metaball loading.
• mkloader - Beautiful and smooth custom loading views.
• Road Runner - Road Runner is a library for android which allow you to make your own loading animation using a SVG image.
• RoundCornerProgressBar - Round Corner Progress Bar Library for Android.
• StateProgressBar - Android library to realize the various states and transitions in a ProgressBar.

JavaScript

• angular-loading-bar - A fully automatic loading / progress bar for your angular apps.
• Elastic Progress - Creates a button that turns into a progress bar with a elastic effect. Based on the Dribbble shot "Download" by xjw.
• Halogen - A collection of loading spinners with React.js.
• jquery-circle-progress - jQuery Plugin to draw animated circular progress bars.
• Ladda - Buttons with built-in loading indicators.
• MProgress.js - Material Progress—Google Material Design Progress linear bar. By using CSS3 and vanilla JavaScript.
• nanobar - Very lightweight progress bars. No jQuery.
• node-progress - Flexible ascii progress bar for Node.js.
• NProgress - For slim progress bars like on YouTube, Medium, etc.
• ProgressBar.js - Responsive and slick progress bars.
• progress-estimator - Logs a progress bar and estimation for how long a Promise will take to complete.
• ProgressJS - ProgressJs is a JavaScript and CSS3 library which help developers to create and manage progress bar for every objects on the page.
• vue-ellipse-progress - A Vue.js component to create beautiful animated circular progress bars (Demo).
• vue-progressbar - A lightweight progress bar for vue.

Kotlin

• Android CatLoadingView - Android CatLoadingView.
• CircularProgressBar - Create circular ProgressBar in Android ⭕.
• LoadingButtonAndroid - A button to substitute the ProgressDialog.

Objective-C

• MBCircularProgressBar - A circular, animatable & highly customizable progress bar from the Interface Builder (Objective-C).
• YLProgressBar - UIProgressView replacement with an highly and fully customizable animated progress bar in pure Core Graphics.

Python

• alive-progress :) - A new kind of Progress Bar, with real time throughput, eta and very cool animations!
• Easy progress reporting for Python - Easy to use progress bars for Python.
• fastprogress - Simple and flexible progress bar for Jupyter Notebook and console.
• tqdm - A Fast, Extensible Progress Bar for Python and CLI.

Ruby

• Ruby/ProgressBar - Ruby/ProgressBar is a text progress bar library for Ruby.

SVG

• SVG-Loaders - Loading icons and small animations built with pure SVG.

Swift

• BreakOutToRefresh - Play BreakOut while loading - A playable pull to refresh view using SpriteKit.
• FillableLoaders - Completely customizable progress based loaders drawn using custom CGPaths written in Swift.
• KYCircularProgress - Flexible progress bar written in Swift.
• LiquidLoader - Spinner loader components with liquid animation.
• LoaderUI - NVActivityIndicatorView implemented in SwiftUI.
• NVActivityIndicatorView - NVActivityIndicatorView is a collection of awesome loading animations.
• UICircularProgressRing - A circular progress bar for iOS written in Swift.

TypeScript

• NG Bootstrap - Angular powered Bootstrap widgets.
• React Spinners - A collection of loading spinner components for react.