diff --git a/core/includes/theme.inc b/core/includes/theme.inc index 2b06429..fd8fe7b 100644 --- a/core/includes/theme.inc +++ b/core/includes/theme.inc @@ -2582,7 +2582,7 @@ 'variables' => array('url' => NULL, 'title' => NULL) ), 'progress_bar' => array( - 'variables' => array('label' => NULL, 'percent' => NULL, 'message' => NULL), + 'variables' => array('label' => NULL, 'percent' => NULL, 'message' => NULL, 'static' => NULL), 'template' => 'progress-bar', ), 'indentation' => array( diff --git a/core/modules/system/css/system.theme.css b/core/modules/system/css/system.theme.css index 48623fd..bf801c4 100644 --- a/core/modules/system/css/system.theme.css +++ b/core/modules/system/css/system.theme.css @@ -357,6 +357,14 @@ transition: width 0.5s ease-out; } +.progress__bar--static { + -webkit-animation: none; + -moz-animation: none; + -o-animation: none; + -ms-animation: none; + animation: none; +} + /** * Progress bar animations. */ diff --git a/core/modules/system/templates/progress-bar.html.twig b/core/modules/system/templates/progress-bar.html.twig index 885a80f..7adc30b 100644 --- a/core/modules/system/templates/progress-bar.html.twig +++ b/core/modules/system/templates/progress-bar.html.twig @@ -9,6 +9,7 @@ * - label: The label of the working task. * - percent: The percentage of the progress. * - message: A string containing information to be displayed. + * - static: If set, disable the progress bar animation. * * @ingroup themeable */ @@ -17,7 +18,7 @@ {% if label %}
{{ label }}
{% endif %} -
+
{{ percent }}%
{{ message }}