scinote-web/app/views/label_printers/_print_progress_modal.html.erb

<div class="label-printing-progress-modal"
     data-label-printer-status="<%= label_printer.printing_status %>" data-label-printer-id="<%= label_printer.id %>"
     data-starting-item-count="<%= starting_item_count %>"
     data-progress-url="<%= update_progress_modal_label_printer_path(label_printer, starting_item_count: starting_item_count) %>">
  <div class="modal-header p-3 border-solid border-x-0 border-t-0 border-b-[1px] border-sn-sleepy-grey">
    <div class="title">
      <%= label_printer.name %>
    </div>
    <div class="printer-status" data-status="<%= label_printer.status %>">
      <% if label_printer.ready?  %>
        <%= t('label_printers.modal_printing_status.printer_status.ready') %>
      <% elsif label_printer.out_of_labels? %>
        <%= t('label_printers.modal_printing_status.printer_status.out_of_labels') %>
      <% elsif label_printer.error? %>
        <%= t('label_printers.modal_printing_status.printer_status.error') %>
      <% else %>
        <%= t('label_printers.modal_printing_status.printer_status.not_ready') %>
      <% end %>
    </div>
    <button type="button" class="close !opacity-100" data-dismiss="modal"><i class="sn-icon sn-icon-close"></i></button>
  </div>
  <div class="modal-body p-3">
    <div class="printing-items">
      <%= t('label_printers.modal_printing_status.multiple_items', starting_item_count: starting_item_count,  item_count: starting_item_count - label_printer.current_print_job_ids.length) %>
    </div>
    <div class="printing-status" data-status="<%= label_printer.printing_status %>">
      <%= t("label_printers.modal_printing_status.printing_status.#{label_printer.printing_status}") %>
    </div>
  </div>
</div>