You are here

Home » API reference » Checklist API 8

checklistapi-progress-bar.html.twig in Checklist API 8

Default theme implementation of a checklist progress bar.

Available variables:

  • message: A string containing information to be displayed.
  • number_complete: The number of items completed.
  • number_of_items: The total number of items in the checklist.
  • percent_complete: The percentage of the progress.
1 theme call to checklistapi-progress-bar.html.twig
ChecklistapiChecklistForm::buildForm in src/Form/ChecklistapiChecklistForm.php
Form constructor.

File

templates/checklistapi-progress-bar.html.twig
View source 
  1. {#

  2. /**

  3.  * @file

  4.  * Default theme implementation of a checklist progress bar.

  5.  *

  6.  * Available variables:

  7.  * - message: A string containing information to be displayed.

  8.  * - number_complete: The number of items completed.

  9.  * - number_of_items: The total number of items in the checklist.

  10.  * - percent_complete: The percentage of the progress.

  11.  *

  12.  * @ingroup themeable

  13.  */

  14. #}

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

  16.   <div class="progress__track"><div class="progress__bar" style="width: {{ percent_complete }}%;"></div></div>

  17.   <div class="progress__percentage">{{ number_complete }} of {{ number_of_items }} ({{ percent_complete }}%)</div>

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

  19. </div>