A progress bar with animation, gradient and colorful shadow.

Fatemeh Afshari

Last update: Dec 25, 2022

Related tags

ProgressBar progress-bar jetpack-compose gradient-progress-bar colorful-shadow animatable-progress-bar

Overview

Fancy Progressbar

Android library providing a beautiful progressbar with colorful shadow, gradient and animation for Jetpack Compose.

Download

Add in project build.gradle:

repositories {
    maven { url 'https://jitpack.io' }
}
// App build.gradle
dependencies {
   implementation 'com.github.fatemeh-afshari:fancy-progressbar:latestVersion'
}

Usage

FancyProgressbar(
    initialValue = 0f, // 0 to maxValue
    targetValue = 50f, // 0 to maxValue
    trackColor = Color(0xFFBFBFC0),
    indicatorColor = Brush.horizontalGradient(
        tileMode = TileMode.Clamp,
        colors = listOf(
            Color(0xFFE91E63),
            Color(0xFFF48FB1),
        )
    ),
    shadowColor = Color(0xFF7E57C2),
    radius = 16.dp,
    height = 16.dp,
    animationDuration = 3000,
    maxValue = 100f,
)

Note: see Example for more detail.

License

  
The MIT License (MIT)

Copyright (c) 2022 Fatemeh Afshari

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

You might also like...

Open source android library for different progress bar designs

MultiProgressBar A progress bar library for Android that provides customized progress bars. Built with ❤︎ by Aseem Khare 💻 Installation Add this in y

124 Nov 15, 2022

Arc pointer - simple customized progress bar in the form of an arch

ArcPointer Simple customized progress bar in the form of an arch Demo Quick start Step 1 Gradle: compile 'io.github.dvegasa:arcpointer:1.0.2' Maven:

79 Nov 22, 2022

MusicBar 2.1 0.0 Java view visualize progress bar for sound file like sound cloud

MusicBar Setup dependencies { implementation 'com.oze.music:MusicBar:1.0.5' } Usage Function Description setAnimationChangeListener(OnMusicBarAn

74 Aug 26, 2022

Progress Bar in the shape of regular polygon.

N-SidedProgressBar Progress Bar in the shape of regular polygon. Download The library is available on jcenter. Just add the dependency to your build.g

69 Jul 25, 2022

a circle progress bar with effect

RingProgress a circle progress bar with effect #Preview ##Usage xml com.ldoublem.ringPregressLibrary.RingProgress android:id="@+id/ring_prog

629 Nov 14, 2022

An android library to easily add circular progress bar into your Jetpack Compose apps.

CircularProgressBar for Jetpack Compose An android library to easily add circular progress bar into your Jetpack Compose apps. Have a Look Usage Circu

38 Oct 30, 2022

An instagram-like segmented progress bar

286 Jan 6, 2023

A feature rich staged progress bar with modifiable steps in between its stages.

StageStepBar A staged progressbar that you can use if you want finer control of the steps in between its stages. You can customize: Number of steps be

19 Dec 30, 2022

Custom Progress bar with stages developed in kotlin.

Custom-Progress-SeekBar A fully Customizable Semi Circle Arc Progress Bar. You can customize the the width and color of both progress and progress pla