LinkedIn activity indicator in SwiftUI

LinkedInActivityIndicator.swift

import SwiftUI

struct LinkedInActivityIndicator: View {
  @State private var animating = false

  let cornerRadius: CGFloat

  var body: some View {
    GeometryReader { proxy in
      ZStack {
        Rectangle()
          .fill(.gray.secondary)
        Rectangle()
          .fill(.blue)
          .frame(width: proxy.size.width / 2)
          .clipShape(.rect(cornerRadius: cornerRadius))
          .offset(x: animating ? proxy.size.width / 2 : -proxy.size.width / 2)
          .animation(
            .timingCurve(0.6, 0.0, 0.4, 1.0, duration: 0.85)
            .repeatForever(autoreverses: true),
            value: animating
          )
      }
      .clipShape(.rect(cornerRadius: cornerRadius))
    }
    .onAppear {
      animating = true
    }
  }
}

#Preview {
  VStack {
    LinkedInActivityIndicator(cornerRadius: 5)
      .frame(width: 100, height: 10)
      .padding(100)
  }
}