From ff432d2dd7294f00c536bd611e71484a5710273b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mehmet=20Can=20Karag=C3=B6z?=
 <78308169+mckaragoz@users.noreply.github.com>
Date: Mon, 10 Jan 2022 18:05:35 +0300
Subject: [PATCH] ProgressCircular: Fix lagg in indeterminate animation (#1831,
 #3681)

---
 src/MudBlazor/Components/Progress/MudProgressCircular.razor  | 2 +-
 .../Components/Progress/MudProgressCircular.razor.cs         | 5 -----
 src/MudBlazor/Styles/components/_progresscircular.scss       | 1 +
 3 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/MudBlazor/Components/Progress/MudProgressCircular.razor b/src/MudBlazor/Components/Progress/MudProgressCircular.razor
index 558b8fb9bc77..8ec4fe3874c8 100644
--- a/src/MudBlazor/Components/Progress/MudProgressCircular.razor
+++ b/src/MudBlazor/Components/Progress/MudProgressCircular.razor
@@ -1,7 +1,7 @@
 @namespace MudBlazor
 @inherits MudComponentBase
 
-<div @attributes="UserAttributes" class="@DivClassname" role="progressbar" style="@DivStyle" aria-valuenow="@Value">
+<div @attributes="UserAttributes" class="@DivClassname" role="progressbar" style="@Style" aria-valuenow="@Value">
     <svg class="mud-progress-circular-svg" viewBox="22 22 44 44">
         @if (Indeterminate)
         {
diff --git a/src/MudBlazor/Components/Progress/MudProgressCircular.razor.cs b/src/MudBlazor/Components/Progress/MudProgressCircular.razor.cs
index d178b98a6337..783cb10ee822 100644
--- a/src/MudBlazor/Components/Progress/MudProgressCircular.razor.cs
+++ b/src/MudBlazor/Components/Progress/MudProgressCircular.razor.cs
@@ -24,11 +24,6 @@ public partial class MudProgressCircular : MudComponentBase
                 .AddClass($"mud-progress-static", !Indeterminate)
                 .Build();
 
-        protected string DivStyle =>
-            new StyleBuilder("transform", "rotate(-90deg)")
-            .AddStyle(Style)
-            .Build();
-
         /// <summary>
         /// The color of the component. It supports the theme colors.
         /// </summary>
diff --git a/src/MudBlazor/Styles/components/_progresscircular.scss b/src/MudBlazor/Styles/components/_progresscircular.scss
index dbc534fc5ec3..1699507be984 100644
--- a/src/MudBlazor/Styles/components/_progresscircular.scss
+++ b/src/MudBlazor/Styles/components/_progresscircular.scss
@@ -30,6 +30,7 @@
 
 .mud-progress-circular-svg {
     display: block;
+    transform: rotate(-90deg);
 }
 
 .mud-progress-circular-circle {