计算HTML中的页数

我有一个非常大的HTML屏幕，当你打印时，它会打印超过16页，所以在打印预览中你可以看到分页符。我正在尝试这样显示页码：第X页，共Y页

因此，显示总页数中的页码，我正试图在我创建的页脚中显示这一点，请参阅下面的

<div id="footer">
            <p>Page X of Y</p>
</div>

但是，在CSS或JavaScript中有没有一种方法可以用来实现这一点？例如，一种计算分页符的方法？

我已经试过了

@page {
 @bottom-right {
    content: "Page " counter(page);
  }
}

但这不起作用，因为它存在浏览器兼容性问题。