Stretchy Page Indicator

1/// A liquid page indicator driven by a *continuous* progress (e.g. 1.37 means2/// 37% of the way from page 1 to page 2).3///4/// Dots grow into a capsule as their page approaches, and a gradient "ink"5/// stretches toward the next dot: its head leads during the first half of6/// the swipe and its tail catches up during the second — like a droplet.7public struct StretchyPageIndicator: View {8    let count: Int9    let progress: CGFloat10    var gradient: [Color]11    var dotSize: CGFloat12    var activeLength: CGFloat13    var spacing: CGFloat14​15    public init(16        count: Int,17        progress: CGFloat,18        gradient: [Color] = [.indigo, .purple],19        dotSize: CGFloat = 8,20        activeLength: CGFloat = 26,21​22// ... (click "Show full code" to see more)