You must put the page number on "footer-image-logo" when printing a web page

Question

I set the footer image on the print page using this code.

@media print { div.divFooter { position: fixed; background: url(http://path/to/image.png); height: 100px; /* put the image height here */ width: 100px; /* put the image width here */ bottom: 0; } } 

I need to put a dynamic page no. for example, 1/5, 2/5, 3 / 5..etc, where 5 is the complete absence of the page. How can i do this?

Answer 1

 @page { @bottom-left { content: counter(page) "/" counter(pages); } }