core/includes/theme.inc | 2 +- core/modules/system/css/system.theme.css | 8 ++++++++ core/modules/system/templates/progress-bar.html.twig | 3 ++- 3 files changed, 11 insertions(+), 2 deletions(-) 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 @@ function drupal_common_theme() { '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 c8908b5..c333dd7 100644 --- a/core/modules/system/css/system.theme.css +++ b/core/modules/system/css/system.theme.css @@ -357,6 +357,14 @@ th.checkbox { transition: width 0.5s ease-out; } +.progress__bar--static.progress__bar { + -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..fb88bd2 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 true, use no stripe animation. * * @ingroup themeable */ @@ -17,7 +18,7 @@ {% if label %}
{{ label }}
{% endif %} -
+
{{ percent }}%
{{ message }}