diff --git a/src/scripts/OSFramework/OSUI/Pattern/Progress/Bar/scss/_progressbar.scss b/src/scripts/OSFramework/OSUI/Pattern/Progress/Bar/scss/_progressbar.scss index 5a3cc4cd82..9dd06ab3d5 100644 --- a/src/scripts/OSFramework/OSUI/Pattern/Progress/Bar/scss/_progressbar.scss +++ b/src/scripts/OSFramework/OSUI/Pattern/Progress/Bar/scss/_progressbar.scss @@ -25,12 +25,12 @@ &.animate { &-entrance .osui-progress-bar__value:before { - transition-delay: 0.5s; + transition-delay: var(--progress-initial-speed, 0.5s); } &-entrance, &-progress-change { .osui-progress-bar__value:before { - transition-duration: 0.35s; + transition-duration: var(--progress-speed, 0.35s); } } } diff --git a/src/scripts/OSFramework/OSUI/Pattern/Progress/Circle/scss/_progresscircle.scss b/src/scripts/OSFramework/OSUI/Pattern/Progress/Circle/scss/_progresscircle.scss index 3912123cc0..3d753ceaa7 100644 --- a/src/scripts/OSFramework/OSUI/Pattern/Progress/Circle/scss/_progresscircle.scss +++ b/src/scripts/OSFramework/OSUI/Pattern/Progress/Circle/scss/_progresscircle.scss @@ -53,11 +53,11 @@ &.animate { &-entrance, &-progress-change { - transition-duration: 0.35s; + transition-duration: var(--progress-speed, 0.35s); } &-entrance { - transition-delay: 0.5s; + transition-delay: var(--progress-initial-speed, 0.5s); } } } diff --git a/src/scripts/OSFramework/OSUI/Pattern/Progress/ProgressEnum.ts b/src/scripts/OSFramework/OSUI/Pattern/Progress/ProgressEnum.ts index 1b99e291ca..1d94861d2c 100644 --- a/src/scripts/OSFramework/OSUI/Pattern/Progress/ProgressEnum.ts +++ b/src/scripts/OSFramework/OSUI/Pattern/Progress/ProgressEnum.ts @@ -24,6 +24,8 @@ namespace OSFramework.OSUI.Patterns.Progress.ProgressEnum { ProgressColor = '--progress-color', ProgressValue = '--progress-value', ProgressGradient = '--progress-gradient', + ProgressInitialSpeed = '--progress-initial-speed', + ProgressSpeed = '--progress-speed', Shape = '--shape', Thickness = '--thickness', TrailColor = '--trail-color',