feat: custom animated progressbar.

lib/ui/views/installer/installer_view.dart

@@ -3,6 +3,7 @@ import 'package:flutter_i18n/flutter_i18n.dart';
 import 'package:google_fonts/google_fonts.dart';
 import 'package:revanced_manager/ui/views/installer/installer_viewmodel.dart';
 import 'package:revanced_manager/ui/widgets/installerView/custom_material_button.dart';
+import 'package:revanced_manager/ui/widgets/installerView/gradient_progress_indicator.dart';
 import 'package:revanced_manager/ui/widgets/shared/custom_card.dart';
 import 'package:revanced_manager/ui/widgets/shared/custom_popup_menu.dart';
 import 'package:revanced_manager/ui/widgets/shared/custom_sliver_app_bar.dart';
@@ -57,14 +58,9 @@ class InstallerView extends StatelessWidget {
                   ),
                 ],
                 bottom: PreferredSize(
-                  preferredSize: const Size(double.infinity, 1.0),
-                  child: LinearProgressIndicator(
-                    color: Theme.of(context).colorScheme.primary,
-                    backgroundColor:
-                        Theme.of(context).colorScheme.primaryContainer,
-                    value: model.progress,
-                  ),
-                ),
+                    preferredSize: const Size(double.infinity, 1.0),
+                    child:
+                        GradientProgressIndicator(progress: model.progress!)),
               ),
               SliverPadding(
                 padding: const EdgeInsets.all(20.0),

lib/ui/widgets/installerView/gradient_progress_indicator.dart

@@ -0,0 +1,32 @@
+import 'package:flutter/material.dart';
+
+class GradientProgressIndicator extends StatefulWidget {
+  final double? progress;
+  const GradientProgressIndicator({required this.progress, super.key});
+
+  @override
+  State<GradientProgressIndicator> createState() =>
+      _GradientProgressIndicatorState();
+}
+
+class _GradientProgressIndicatorState extends State<GradientProgressIndicator> {
+  @override
+  Widget build(BuildContext context) {
+    return Align(
+      alignment: Alignment.centerLeft,
+      child: AnimatedContainer(
+        duration: const Duration(milliseconds: 500),
+        decoration: BoxDecoration(
+          gradient: LinearGradient(
+            colors: [
+              Theme.of(context).colorScheme.primary,
+              Theme.of(context).colorScheme.secondary,
+            ],
+          ),
+        ),
+        height: 5,
+        width: MediaQuery.of(context).size.width * widget.progress!,
+      ),
+    );
+  }
+}