diff --git a/core/modules/system/templates/progress-bar.html.twig b/core/modules/system/templates/progress-bar.html.twig
index 885a80f..d50005a 100644
--- a/core/modules/system/templates/progress-bar.html.twig
+++ b/core/modules/system/templates/progress-bar.html.twig
@@ -13,7 +13,7 @@
  * @ingroup themeable
  */
 #}
-<div class="progress" data-drupal-progress>
+<div class="progress clearfix" data-drupal-progress>
   {% if label %}
     <div class="progress__label">{{ label }}</div>
   {% endif %}
diff --git a/core/themes/classy/templates/misc/progress-bar.html.twig b/core/themes/classy/templates/misc/progress-bar.html.twig
index 21a0c3c..f052521 100644
--- a/core/themes/classy/templates/misc/progress-bar.html.twig
+++ b/core/themes/classy/templates/misc/progress-bar.html.twig
@@ -12,7 +12,7 @@
  */
 #}
 {{ attach_library('classy/progress') }}
-<div class="progress" data-drupal-progress>
+<div class="progress clearfix" data-drupal-progress>
   {% if label %}
     <div class="progress__label">{{ label }}</div>
   {% endif %}
diff --git a/core/themes/stable/templates/misc/progress-bar.html.twig b/core/themes/stable/templates/misc/progress-bar.html.twig
index 7b67afe..954f95e 100644
--- a/core/themes/stable/templates/misc/progress-bar.html.twig
+++ b/core/themes/stable/templates/misc/progress-bar.html.twig
@@ -11,7 +11,7 @@
  * - message: A string containing information to be displayed.
  */
 #}
-<div class="progress" data-drupal-progress>
+<div class="progress clearfix" data-drupal-progress>
   {% if label %}
     <div class="progress__label">{{ label }}</div>
   {% endif %}