aleph1.co.uk Git - yaffs-website/blob - web/core/modules/system/templates/progress-bar.html.twig

   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>