Same filename in this branch
- 10 core/modules/system/templates/progress-bar.html.twig
- 10 core/themes/stable9/templates/media-library/progress-bar.html.twig
- 10 core/themes/starterkit_theme/templates/misc/progress-bar.html.twig
- 10 core/themes/claro/templates/classy/misc/progress-bar.html.twig
- 10 core/profiles/demo_umami/themes/umami/templates/classy/misc/progress-bar.html.twig
Same filename and directory in other branches
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.twigView source
- {#
- /**
- * @file
- * 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.
- *
- * @ingroup themeable
- */
- #}
- <div class="progress" data-drupal-progress>
- {% if label %}
- <div class="progress__label">{{ label }}</div>
- {% endif %}
- <div class="progress__track"><div class="progress__bar" style="width: {{ percent }}%"></div></div>
- <div class="progress__percentage">{{ percent }}%</div>
- <div class="progress__description">{{ message }}</div>
- </div>
