FFCircularProgressView
An iOS 7-inspired circular progress view for iOS apps, featuring a blue design and spin animations.
What is FFCircularProgressView?
FFCircularProgressView is an open-source iOS UI component that implements a circular progress indicator inspired by the iOS 7 App Store design. It provides a visually consistent way to display progress or loading states in iOS applications, with support for spin animations and easy integration. The view mimics the exact blue color scheme and circular style seen in Apple's native apps.
iOS developers building apps that require progress indicators or loading animations, particularly those targeting an iOS 7+ design aesthetic or needing a drop-in replacement for standard progress views.
Developers choose FFCircularProgressView for its accurate iOS 7 design replication, simple API similar to UIProgressView, and built-in spin animation features—saving time over custom implementations. Its availability via CocoaPods and manual integration options make it highly accessible.
Overview
FFCircularProgressView - An iOS 7-inspired blue circular progress view
Use Cases
Best For
- Adding iOS 7-style circular progress indicators to apps
- Displaying file download or upload progress with animation
- Implementing loading spinners for network requests
- Creating indeterminate progress states with spin animations
- Replacing standard UIProgressView with a circular design
- Maintaining design consistency with Apple's App Store aesthetic
Not Ideal For
- Apps targeting modern iOS design languages beyond iOS 7 (e.g., iOS 14/15+ with new UI paradigms)
- Cross-platform projects requiring built-in native support across iOS and Android without relying on community ports
- Applications needing highly customizable progress indicators with variable colors, shapes, or animations beyond the default blue circular style
- Teams exclusively using SwiftUI for iOS interface development, as this is a UIKit-based component
Pros & Cons
Pros
Accurately replicates the circular progress indicator from the iOS 7 App Store, using colors sourced directly from Apple's design for consistent aesthetics.
Functions similarly to UIProgressView with simple progress value updates and animation control, as shown in the code examples for straightforward adoption.
Includes startSpinProgressBackgroundLayer and stopSpinProgressBackgroundLayer methods for indeterminate loading states, enhancing usability without extra code.
Has third-party ports available for Android and React Native, extending utility beyond iOS, though maintained independently by the community.
Cons
Specifically mimics iOS 7 aesthetics, which may not align with current iOS design standards like dark mode or newer progress indicators, potentially making apps look dated.
Hardcoded with colors from the App Store and no built-in methods for color or style changes, requiring source code modifications for any deviations.
Written in Objective-C with no mentioned Swift support or Swift Package Manager integration, which could complicate adoption in modern Swift-centric projects.
Frequently Asked Questions
Related Projects
SkeletonView☠️ An elegant way to show users that something is happening and also prepare them to which contents they are awaiting
SVProgressHUDA clean and lightweight progress HUD for your iOS and tvOS app.
NVActivityIndicatorViewA collection of awesome loading animations
M13ProgressSuiteA suite containing many tools to display progress information on iOS.
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.