diff --git a/app/MindWork AI Studio/Components/Blocks/ProcessComponent.razor b/app/MindWork AI Studio/Components/Blocks/ProcessComponent.razor
new file mode 100644
index 00000000..54d61e93
--- /dev/null
+++ b/app/MindWork AI Studio/Components/Blocks/ProcessComponent.razor	
@@ -0,0 +1,11 @@
+@typeparam T
+
+@if (this.ShowProgressAnimation)
+{
+    <div class="pa-1">
+        <MudProgressLinear Color="Color.Primary" Indeterminate="true"/>
+    </div>
+}
+<div class="pa-6">
+    <MudSlider T="int" Disabled="@true" Value="@this.StepValue" Min="@this.process.Min" Max="@this.process.Max" TickMarks="@true" Size="Size.Large" Variant="Variant.Filled" TickMarkLabels="@this.process.Labels" Class="mb-12"/>
+</div>
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Components/Blocks/ProcessComponent.razor.cs b/app/MindWork AI Studio/Components/Blocks/ProcessComponent.razor.cs
new file mode 100644
index 00000000..6d711326
--- /dev/null
+++ b/app/MindWork AI Studio/Components/Blocks/ProcessComponent.razor.cs	
@@ -0,0 +1,16 @@
+using AIStudio.Tools;
+
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components.Blocks;
+
+public partial class ProcessComponent<T> : ComponentBase where T : struct, Enum
+{
+    [Parameter]
+    public bool ShowProgressAnimation { get; set; }
+    
+    [Parameter]
+    public ProcessStepValue StepValue { get; set; }
+    
+    private readonly Process<T> process = Process<T>.INSTANCE;
+}
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Components/Blocks/ReadWebContent.razor b/app/MindWork AI Studio/Components/Blocks/ReadWebContent.razor
index fc716034..1d83309c 100644
--- a/app/MindWork AI Studio/Components/Blocks/ReadWebContent.razor	
+++ b/app/MindWork AI Studio/Components/Blocks/ReadWebContent.razor	
@@ -11,12 +11,7 @@
         </MudStack>
         @if (this.AgentIsRunning)
         {
-            <div class="pa-1">
-                <MudProgressLinear Color="Color.Primary" Indeterminate="true" Class=""/>
-            </div>
-            <div class="pa-6">
-                <MudSlider T="int" Disabled="@true" Value="@this.processStep" Min="@this.process.Min" Max="@this.process.Max" TickMarks="@true" Size="Size.Large" Variant="Variant.Filled" TickMarkLabels="@this.process.Labels" Class="mb-12"/>
-            </div>
+            <ProcessComponent T="ReadWebContentSteps" StepValue="@this.processStep" ShowProgressAnimation="@true"/>
         }
     }
 </MudPaper>
\ No newline at end of file