Асинхронное выполнение скриптов в HTML

[RUVATA]

Всем доброго времени суток...
HTML, кнопка, скрипт ; пользователь кликнул кнопку скрипт начинает выполняться (линейно/последовательно)
вопрос: Как добиться асинхронности, т.е. пока выполняется скрипт тот-же прогресс-бар отрисовывать?
Пытаюсь спросить google, но ничего внятного.
Можно ли выполнять асинхронно или в отдельном потоке ?

[devote]

setTimeout(function(){
  // Я не буду задерживать остальное выполнение скрипта
}, 1);

[RUVATA]

Спасибо... то что надо...

[RUVATA]

Ничего не выходит...
вот

setTimeout(second(8), 5000)
			first(1)
			
			
			function first(val){
				alert(val)
			};
			
			function second(val){
				for(var i = 1; i < 10; i++){
					val = val + val
				};
			 alert(val)
			};

И ничего асинхронно не запускается...

[devote]

setTimeout(function(){
  second(8);
}, 5000)
            first(1)
             
             
            function first(val){
                alert(val)
            };
             
            function second(val){
                for(var i = 1; i < 10; i++){
                    val = val + val
                };
             alert(val)
            };

Не нужно вызывать функцию внутри setTimeout, в нее нужно передавать ссылку на функцию, а не вызывать

setTimeout(second(), 5000); // не правильно
setTimeout(second, 5000); // правильно

[RUVATA]

а контекст при этом будет один и тот-же ?

[devote]

а контекст при этом будет один и тот-же ?

все от фантазии зависит