scroll_progress-9.1.x-dev/js/scroll_progress_line.js

(function ($, Drupal, drupalSettings) {
  'use strict';
  Drupal.behaviors.scrolljs = {
    attach: function (context, settings) {
      var color = drupalSettings.scroll_progress_color;
      var element = $(drupalSettings.scroll_progress_element);
      if (!element.length) {
        return;
      }
      $(once('scroll-progress-processed', drupalSettings.scroll_progress_element)).append('<div class="bar-long"></div>');
      var scrollPercent = 100 * $(window).scrollTop() / ($(document).height() - $(window).height());
      $('.bar-long').css('width', scrollPercent + '%');
      $('.bar-long').css('background-color', color);
      $('.bar-long').css('box-shadow', '0 0 6px ' + color);
      $(window).scroll(function () {
        var scrollPercent = 100 * $(window).scrollTop() / ($(document).height() - $(window).height());
        $('.bar-long').css('width', scrollPercent + '%');
      });
    }
  };
}(jQuery, Drupal, drupalSettings));