How to add Pre Loader Responsive Loading Bar to only appear when homepage loading

Hello 

I'd like to add responsive loading bar preloader to my squarespace website. I've gotten this code from dcode:

.progress { position: relative; width: 410px; height: 4px; background: #e3e3e3; border-radius: 0px; overflow: hidden; } .progressfill { width: 0%; height: 100%; background: #f00000; transition: all 0.2s; } .progresstext { position: absolute; top: 50%; right: 5px; transform: translateY(-50%); font: bold 0px "Quicksand", sans-serif; color: #ffffff; }

Can someone let me know how I can add this to my website?

Thanks

Hi,

Your code is CSS code.

I think The code missing HTML code, or even on both HTML + Script code. Where did you get this code?