document.onreadystatechange = function () {
    var state = document.readyState
    if (state == 'interactive') { /* Here I changed state with 'uninitialized', 'loading', 'loaded' but doesn't work. Only 'interactive' works when chrome tab loading circle moves right direction 'clockwise' but still not what I want*/
        $("body").css("opacity", "0.5");
        $("body").css("background-color", "pink");
    } 
    else if (state == 'complete') { /*works fine*/
        $("body").css("opacity", "0.5");
        $("body").css("background-color", "blue");
    }
}