progress-bar.html.twig

Same filename in this branch
  1. 8.9.x core/profiles/demo_umami/themes/umami/templates/classy/misc/progress-bar.html.twig
  2. 8.9.x core/themes/seven/templates/classy/misc/progress-bar.html.twig
  3. 8.9.x core/themes/claro/templates/classy/misc/progress-bar.html.twig
  4. 8.9.x core/themes/bartik/templates/classy/misc/progress-bar.html.twig
  5. 8.9.x core/themes/stable/templates/misc/progress-bar.html.twig
  6. 8.9.x core/themes/classy/templates/misc/progress-bar.html.twig
Same filename in other branches
  1. 9 core/profiles/demo_umami/themes/umami/templates/classy/misc/progress-bar.html.twig
  2. 9 core/themes/stable9/templates/media-library/progress-bar.html.twig
  3. 9 core/themes/seven/templates/classy/misc/progress-bar.html.twig
  4. 9 core/themes/claro/templates/classy/misc/progress-bar.html.twig
  5. 9 core/themes/bartik/templates/classy/misc/progress-bar.html.twig
  6. 9 core/themes/stable/templates/misc/progress-bar.html.twig
  7. 9 core/themes/starterkit_theme/templates/misc/progress-bar.html.twig
  8. 9 core/themes/classy/templates/misc/progress-bar.html.twig
  9. 9 core/modules/system/templates/progress-bar.html.twig
  10. 10 core/profiles/demo_umami/themes/umami/templates/classy/misc/progress-bar.html.twig
  11. 10 core/themes/stable9/templates/media-library/progress-bar.html.twig
  12. 10 core/themes/claro/templates/classy/misc/progress-bar.html.twig
  13. 10 core/themes/starterkit_theme/templates/misc/progress-bar.html.twig
  14. 10 core/modules/system/templates/progress-bar.html.twig
  15. 11.x core/profiles/demo_umami/themes/umami/templates/classy/misc/progress-bar.html.twig
  16. 11.x core/themes/stable9/templates/media-library/progress-bar.html.twig
  17. 11.x core/themes/claro/templates/classy/misc/progress-bar.html.twig
  18. 11.x core/themes/starterkit_theme/templates/misc/progress-bar.html.twig
  19. 11.x core/modules/system/templates/progress-bar.html.twig

Default theme implementation for a progress bar.

Note that the core Batch API uses this only for non-JavaScript batch jobs.

Available variables:

  • label: The label of the working task.
  • percent: The percentage of the progress.
  • message: A string containing information to be displayed.
1 theme call to progress-bar.html.twig
_batch_progress_page in core/includes/batch.inc
Outputs a batch processing page.

File

core/modules/system/templates/progress-bar.html.twig

View source
  1. {#
  2. /**
  3. * @file
  4. * Default theme implementation for a progress bar.
  5. *
  6. * Note that the core Batch API uses this only for non-JavaScript batch jobs.
  7. *
  8. * Available variables:
  9. * - label: The label of the working task.
  10. * - percent: The percentage of the progress.
  11. * - message: A string containing information to be displayed.
  12. *
  13. * @ingroup themeable
  14. */
  15. #}
  16. <div class="progress" data-drupal-progress>
  17. {% if label %}
  18. <div class="progress__label">{{ label }}</div>
  19. {% endif %}
  20. <div class="progress__track"><div class="progress__bar" style="width: {{ percent }}%"></div></div>
  21. <div class="progress__percentage">{{ percent }}%</div>
  22. <div class="progress__description">{{ message }}</div>
  23. </div>

Related topics


Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.