From 8a2522cabbf878c1b107dba2a5a00c6094f9fc42 Mon Sep 17 00:00:00 2001
From: Quinton Jason <quinton.jason@gmail.com>
Date: Thu, 15 Feb 2024 21:18:05 -0600
Subject: [PATCH] =?UTF-8?q?style(progress):=20make=20width=20transition=20?=
 =?UTF-8?q?when=20value=20changes=20after=20page=20=E2=80=A6=20(#1861)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* style(progress): make width transition when value changes after page load

* style(progress): update order for linter
---
 .../sage-assets/lib/stylesheets/components/_progress_bar.scss    | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/sage-assets/lib/stylesheets/components/_progress_bar.scss b/packages/sage-assets/lib/stylesheets/components/_progress_bar.scss
index 6f73edc274..57b61b83fd 100644
--- a/packages/sage-assets/lib/stylesheets/components/_progress_bar.scss
+++ b/packages/sage-assets/lib/stylesheets/components/_progress_bar.scss
@@ -53,6 +53,7 @@ $-progress-bar-height: sage-spacing(xs);
 }
 
 .sage-progress-bar__animate {
+  transition: 1s width ease;
   animation: 3s sage-progress-bar--slide ease;
 }