step

lib/features/onboarding/widgets/onboarding_page_indicator.dart

@@ -0,0 +1,33 @@
+import 'package:flutter/material.dart';
+
+class OnboardingPageIndicator extends StatelessWidget {
+  final int current;
+  final int count;
+
+  const OnboardingPageIndicator({
+    required this.current,
+    required this.count,
+    super.key,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final color = Theme.of(context).colorScheme.primary;
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.center,
+      children: List.generate(count, (i) {
+        final isActive = i == current;
+        return AnimatedContainer(
+          duration: const Duration(milliseconds: 200),
+          margin: const EdgeInsets.symmetric(horizontal: 4),
+          width: isActive ? 24 : 8,
+          height: 8,
+          decoration: BoxDecoration(
+            color: isActive ? color : color.withOpacity(0.3),
+            borderRadius: BorderRadius.circular(4),
+          ),
+        );
+      }),
+    );
+  }
+}