progress-bar.html.twig

Same filename in this branch
  1. 11.1.x core/profiles/demo_umami/themes/umami/templates/classy/misc/progress-bar.html.twig
  2. 11.1.x core/themes/starterkit_theme/templates/misc/progress-bar.html.twig
  3. 11.1.x core/themes/claro/templates/classy/misc/progress-bar.html.twig
  4. 11.1.x core/modules/system/templates/progress-bar.html.twig

Theme override 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/themes/stable9/templates/media-library/progress-bar.html.twig

View source 
  1. {#

  2. /**

  3.  * @file

  4.  * Theme override 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. #}

  14. <div class="progress" data-drupal-progress>

  15.   {% if label %}

  16.     <div class="progress__label">{{ label }}</div>

  17.   {% endif %}

  18.   <div class="progress__track"><div class="progress__bar" style="width: {{ percent }}%"></div></div>

  19.   <div class="progress__percentage">{{ percent }}%</div>

  20.   <div class="progress__description">{{ message }}</div>

  21. </div>