Решение

var sliderChange = document.querySelector('input[type=range');


sliderChange.onchange = function () {
	sliderChangeFunc();
};

function sliderChangeFunc() {
	var value = sliderChange.value,
			min   = sliderChange.getAttribute('min'),
			max   = sliderChange.getAttribute('max');
	sliderChange.style.backgroundSize = (value - min) * 100 / (max - min) + '%' + ' 100%';
};

sliderChange.addEventListener("input", function(e) {
  sliderChangeFunc();// Prints "Example of an event"
});

// Create the event
var event = new CustomEvent("input");

// Dispatch/Trigger/Fire the event
sliderChange.dispatchEvent(event);

У художников есть такая поговорка: "Я художник, я так вижу"... это если с точки зрения дизайна смотреть.
Ну а если конкретней, то никто не обязывает делать то или то, ваш сайт, ваш блек джек и все остальное тоже ваше.
Если писать в футере совсем нечего, то можно написать хотя бы "Все права защищены 2017г" или прочие ссылки на документы например какие-нибудь.