Показать индикатор загрузки с PDFObject

Question

Мне нужно показать какой-то индикатор во время загрузки PDF-файла. Я показываю PDF-файлы, которые могут занять 40 секунд или более, чтобы они были созданы и встроены.

Я знаю, что могу проверить, успешно ли внедрен PDFObject (с использованием примера this). Однако это не дает указания, когда файл завершил загрузку.

Я также знаю, что смогу его стилизовать. Однако это тоже не работает, поскольку он сохраняет этот стиль после загрузки PDF. Кроме того, в то время как я могу стиль границы, позиционирование, высоту и т.д. объекта, я не могу получить атрибуты, такие как cursor работать:

#pdf object { 
    border: 5px solid red;  // does work, but still shows up after the PDF loads 
    cursor: progress !important; // doesn't work 
} 

Есть ли способ, что я могу видеть, когда файл успешно загружен?

Answer 1

К сожалению, читатели в формате PDF (включая родные и сторонние пользователи, такие как Adobe Reader) не предоставляют подробные данные о процентах. PDFObject не имеет возможности узнать, насколько велик файл, или сколько времени потребуется для загрузки файла.

Answer 2

Я знаю, что это все еще старый пост, но если вы все еще ищете решение. вы можете попытаться сделать относительное положение <div>, а затем прядильщиком внутри абсолютного абсолюта с z-index из 99, а затем в pdf-объекте с относительным положением и z-index 99 таким образом, файл pdf будет отображаться поверх счетчика, чем выглядит pdf загружается.

div.container { 
width: 100%; 
height: 100%; 
display: block; 
position: relative; } 

#spinner { 
position: absolute; 
z-index: 99; } 

#pdf-container { 
width: 100%; /* optional */ 
margin: 0 auto; /* optional */ 
border-bottom: 1px solid #666; /* optional */ 
position: absolute; 
z-index: 99; }