Tengo este código css que estoy tratando de hacer que funcione en safari (es un cargador de barra de progreso superior) funciona en cualquier otro lugar menos allí:

 .page-loading::before { content:" "; display:block; position:fixed; z-index:10; height:2px; width:100%; top:300px; left:0; background-color:#06D; animation: page-load infinite ease-out 2s; box-shadow:0 2px 2px rgba(0,0,0,.2); } @keyframes page-load { from { background-color: #ffc422; } to { background-color: #c0392b; } }

(Este es el código js que uso para cargarlo si es importante)

 window.addEventListener("beforeunload",function(e){ document.body.className = "page-loading"; },false);

Funciona perfectamente en todos los navegadores, pero por alguna razón no se carga en ningún lugar de Safari. ¿Hay alguna razón por la que esto no funcione/algún tipo de webkit que pueda agregarle/cualquier error?