Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/exyte/ProgressIndicatorView

An iOS progress indicator view library written in SwiftUI
https://github.com/exyte/ProgressIndicatorView

Last synced: about 1 month ago
JSON representation

An iOS progress indicator view library written in SwiftUI

Host: GitHub
URL: https://github.com/exyte/ProgressIndicatorView
Owner: exyte
License: mit
Created: 2021-10-11T04:27:52.000Z (almost 3 years ago)
Default Branch: master
Last Pushed: 2023-10-20T07:03:23.000Z (11 months ago)
Last Synced: 2024-05-29T15:52:15.448Z (4 months ago)
Language: Swift
Size: 4.5 MB
Stars: 229
Watchers: 4
Forks: 25
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

awesome-ios - ProgressIndicatorView - A number of preset progress indicators created with SwiftUI. (UI / Activity Indicator)
awesome-swift - ProgressIndicatorView - A progress indicator view library written in SwiftUI. (Libs / UI)
awesome-ios-star - ProgressIndicatorView - A number of preset progress indicators created with SwiftUI. (UI / Activity Indicator)
fucking-awesome-swift - ProgressIndicatorView - A progress indicator view library written in SwiftUI. (Libs / UI)

README

        

     

 



ProgressIndicatorView


A number of preset progress indicators created with SwiftUI


[![](https://img.shields.io/endpoint?url=https%3A%2F%2Fswiftpackageindex.com%2Fapi%2Fpackages%2Fexyte%2FProgressIndicatorView%2Fbadge%3Ftype%3Dswift-versions)](https://swiftpackageindex.com/exyte/ProgressIndicatorView)

[![](https://img.shields.io/endpoint?url=https%3A%2F%2Fswiftpackageindex.com%2Fapi%2Fpackages%2Fexyte%2FProgressIndicatorView%2Fbadge%3Ftype%3Dplatforms)](https://swiftpackageindex.com/exyte/ProgressIndicatorView)

[![SPM Compatible](https://img.shields.io/badge/SwiftPM-Compatible-brightgreen.svg)](https://swiftpackageindex.com/exyte/ProgressIndicatorView)

[![Cocoapods Compatible](https://img.shields.io/badge/cocoapods-Compatible-brightgreen.svg)](https://cocoapods.org/pods/ProgressIndicatorView)

[![Carthage Compatible](https://img.shields.io/badge/Carthage-compatible-brightgreen.svg?style=flat)](https://github.com/Carthage/Carthage)

[![License: MIT](https://img.shields.io/badge/License-MIT-black.svg)](https://opensource.org/licenses/MIT)

# Usage

Create a progress indicator like this:

   ```swift

   ProgressIndicatorView(isVisible: $showProgressIndicator, type: .bar(progress: $progress))

   ```

   where  

   `showProgressIndicator` - bool value you may change to display or hide the indicator  

   `type` - value from `ProgressIndicatorView.IndicatorType` enum  

You may alter it with standard SwiftUI means like this: 

   ```swift

   ProgressIndicatorView(isVisible: $showProgressIndicator, type: .bar(progress: $progress))

        .frame(width: 50.0, height: 50.0)

        .foregroundColor(.red)

   ```

### Indicator types

`default` - progress indicator looks like default iOS UIActivityIndicator.  

`bar` - line progress bar with a Binding progress value and background color, default is `Color.clear`:

  ```swift

   ProgressIndicatorView(isVisible: $showProgressIndicator, type: .bar(progress: $progress, backgroundColor: .gray)

       .frame(height: 8.0)

       .foregroundColor(.red)

   ```

  

`impulseBar` - impulse line bar, works as `bar` indicator with an impulse effect.  

`dashBar` - discrete line bar, with number of pieces, default is 8:

   ```swift

     ProgressIndicatorView(isVisible: $showProgressIndicator, type: .dashBar(progress: $progress, numberOfItems: 8))

        .frame(height: 8.0)

        .foregroundColor(.red)

   ```

  

`circle` - cirle progress indicator, with `lineWidth` and `strokeColor`:

  ```swift

     ProgressIndicatorView(isVisible: $showProgressIndicator, type: .circle(progress: $progress, lineWidth: 8.0, strokeColor: .red))

        .frame(height: 8.0)

        .foregroundColor(.red)

   ```  

## Examples

To try out the ProgressIndicatorView examples:

- Clone the repo `git clone [email protected]:exyte/ProgressIndicatorView.git`

- Open terminal and run `cd /Example`

- Run `pod install` to install all dependencies

- Run `xed .` to open project in the Xcode

- Try it!

## Installation

### Swift Package Manager

```swift

dependencies: [

    .package(url: "https://github.com/exyte/ProgressIndicatorView.git", from: "0.0.1")

]

```

### CocoaPods

```ruby

pod 'ProgressIndicatorView'

```

### Carthage

```ogdl

github "Exyte/ProgressIndicatorView"

```

## Requirements

* iOS 13+ / watchOS 6+ / tvOS 13+ / macOS 10.15+

* Xcode 11+

## Our other open source SwiftUI libraries

[PopupView](https://github.com/exyte/PopupView) - Toasts and popups library    

[Grid](https://github.com/exyte/Grid) - The most powerful Grid container    

[ScalingHeaderScrollView](https://github.com/exyte/ScalingHeaderScrollView) - A scroll view with a sticky header which shrinks as you scroll    

[AnimatedTabBar](https://github.com/exyte/AnimatedTabBar) - A tabbar with a number of preset animations   

[MediaPicker](https://github.com/exyte/mediapicker) - Customizable media picker     

[Chat](https://github.com/exyte/chat) - Chat UI framework with fully customizable message cells, input view, and a built-in media picker  

[OpenAI](https://github.com/exyte/OpenAI) Wrapper lib for [OpenAI REST API](https://platform.openai.com/docs/api-reference/introduction)    

[AnimatedGradient](https://github.com/exyte/AnimatedGradient) - Animated linear gradient     

[ConcentricOnboarding](https://github.com/exyte/ConcentricOnboarding) - Animated onboarding flow    

[FloatingButton](https://github.com/exyte/FloatingButton) - Floating button menu    

[ActivityIndicatorView](https://github.com/exyte/ActivityIndicatorView) - A number of animated loading indicators     

[FlagAndCountryCode](https://github.com/exyte/FlagAndCountryCode) - Phone codes and flags for every country    

[SVGView](https://github.com/exyte/SVGView) - SVG parser    

[LiquidSwipe](https://github.com/exyte/LiquidSwipe) - Liquid navigation animation