[iOS] Add ProgressBar component

ios/craftd-swiftui/Sources/craftd-swiftui/data/model/progressBar/ProgressBarProperties.swift

@@ -0,0 +1,10 @@
+struct ProgressBarProperties: Decodable {
+    let text: String?
+    let alignment: CraftDAlign?
+    let textAlign: CraftDAlign?
+    let progressColor: String?
+    let textColor: String?
+    let progress: Double?
+    let height: Double?
+    let spaceBetween: Double?
+}

ios/craftd-swiftui/Sources/craftd-swiftui/presentation/builder/CraftDBuilderManager.swift

@@ -5,7 +5,8 @@ public class CraftDBuilderManager {
         add(builders: [
             CraftDTextBuilder(),
             CraftDButtonBuilder(),
-            CraftDCheckBoxBuilder()
+            CraftDCheckBoxBuilder(),
+            CraftDProgressBarBuilder(),
         ])
     }
 

ios/craftd-swiftui/Sources/craftd-swiftui/presentation/ui/progressBar/CraftDProgressBar.swift

@@ -0,0 +1,145 @@
+import SwiftUI
+
+struct CraftDProgressBar: View {
+    let text: String
+    let textAlign: Alignment
+    let alignment: CraftDAlign
+    let progressColor: String
+    let textColor: String
+    let progress: Double
+    let height: CGFloat
+    let spaceBetween: CGFloat
+    let listener: CraftDViewListener
+
+    init(
+        _ properties: ProgressBarProperties,
+        listener: @escaping CraftDViewListener
+    ) {
+        self.text = properties.text ?? ""
+        self.textAlign = properties.textAlign?.alignment ?? .center
+        self.progressColor = properties.progressColor ?? "#0000FF"
+        self.progress = properties.progress ?? 0.0
+        self.height = CGFloat(properties.height ?? 0.0)
+        self.alignment = properties.alignment ?? .top
+        self.textColor = properties.textColor ?? "#000000"
+        self.spaceBetween = properties.spaceBetween ?? 0.0
+        self.listener = listener
+    }
+
+    @ViewBuilder
+    private var topAlignmentLayout: some View {
+        VStack(spacing: .zero) {
+            Text(text)
+                .font(.body)
+                .foregroundStyle(Color(hex: textColor))
+
+            GeometryReader { geometry in
+                ZStack(alignment: .leading) {
+                    RoundedRectangle(cornerRadius: 16)
+                        .stroke(Color.gray.opacity(0.6), lineWidth: 2)
+                        .fill(Color.clear)
+                        .frame(height: height)
+
+                    RoundedRectangle(cornerRadius: 16)
+                        .fill(Color(hex: progressColor))
+                        .frame(width: geometry.size.width * progress, height: height)
+                        .animation(.easeInOut, value: progress)
+                }
+            }
+        }
+    }
+
+    @ViewBuilder
+    private var bottomAlignmentLayout: some View {
+        VStack(spacing: .zero) {
+
+            GeometryReader { geometry in
+                ZStack(alignment: .leading) {
+                    RoundedRectangle(cornerRadius: 16)
+                        .stroke(Color.gray.opacity(0.6), lineWidth: 2)
+                        .fill(Color.clear)
+                        .frame(height: height)
+
+                    RoundedRectangle(cornerRadius: 16)
+                        .fill(Color(hex: progressColor))
+                        .frame(width: geometry.size.width * progress, height: height)
+                        .animation(.easeInOut, value: progress)
+                }
+            }
+
+            Spacer()
+                .frame(height: spaceBetween)
+
+            Text(text)
+                .font(.body)
+                .foregroundStyle(Color(hex: textColor))
+        }
+    }
+
+    @ViewBuilder
+    private var leadingAlignmentLayout: some View {
+        HStack(alignment: .top, spacing: .zero) {
+            Text(text)
+                .font(.body)
+                .foregroundStyle(Color(hex: textColor))
+
+            Spacer()
+                .frame(width: spaceBetween)
+
+            GeometryReader { geometry in
+                ZStack(alignment: .leading) {
+                    RoundedRectangle(cornerRadius: 16)
+                        .stroke(Color.gray.opacity(0.6), lineWidth: 2)
+                        .fill(Color.clear)
+                        .frame(height: height)
+
+                    RoundedRectangle(cornerRadius: 16)
+                        .fill(Color(hex: progressColor))
+                        .frame(width: geometry.size.width * progress, height: height)
+                        .animation(.easeInOut, value: progress)
+                }
+            }
+        }
+    }
+
+    @ViewBuilder
+    private var trailingAlignmentLayout: some View {
+        HStack(alignment: .top, spacing: .zero) {
+
+            GeometryReader { geometry in
+                ZStack(alignment: .leading) {
+                    RoundedRectangle(cornerRadius: 16)
+                        .stroke(Color.gray.opacity(0.6), lineWidth: 2)
+                        .fill(Color.clear)
+                        .frame(height: height)
+
+                    RoundedRectangle(cornerRadius: 16)
+                        .fill(Color(hex: progressColor))
+                        .frame(width: geometry.size.width * progress, height: height)
+                        .animation(.easeInOut, value: progress)
+                }
+            }
+
+            Spacer()
+                .frame(width: spaceBetween)
+
+            Text(text)
+                .font(.body)
+                .foregroundStyle(Color(hex: textColor))
+        }
+    }
+
+    @ViewBuilder
+    private var content: some View {
+        switch alignment {
+        case .top, .center: topAlignmentLayout
+        case .bottom:  bottomAlignmentLayout
+        case .left: leadingAlignmentLayout
+        case .right: trailingAlignmentLayout
+        }
+    }
+
+    var body: some View {
+        content
+    }
+}

ios/craftd-swiftui/Sources/craftd-swiftui/presentation/ui/progressBar/CraftDProgressBarBuilder.swift

@@ -0,0 +1,19 @@
+//
+//  CraftDProgressBarBuilder.swift
+//  CraftDSwiftUI
+//
+//  Created by Pedro Alvarez on 17/11/25.
+//
+
+import SwiftUI
+
+class CraftDProgressBarBuilder: CraftDBuilder {
+    public func craft(model: SimpleProperties, listener: @escaping CraftDViewListener) -> any View {
+        do {
+            let properties = try model.decodeValue(ProgressBarProperties.self, using: decoder)
+            return CraftDProgressBar(properties, listener: listener)
+        } catch {
+            return EmptyView()
+        }
+    }
+}

ios/sample/CraftDSample/dynamic.json

@@ -373,5 +373,18 @@
         }
       }
     }
+  },
+  {
+    "key": "CraftDProgressBar",
+    "value": {
+        "text": "Loading...",
+        "alignment": "RIGHT",
+        "textAlign": "CENTER",
+        "progressColor": "#FFAA00",
+        "textColor": "#00FFBB",
+        "progress": 0.65,
+        "height": 12.0,
+        "spaceBetween": 32.0
+      }
   }
 ]