Расположите индикатор выполнения jquery в середине страницы.

Question

Расположите индикатор выполнения jquery в середине страницы.

0

Как я могу расположить индикатор выполнения jquery в середине страницы, даже если страница может быть прокручена вниз?

<div id="progressbar"></div>

 $( "#progressbar" ).progressbar({
        value: false
  });

MikeAlike234 31 март 2014, в 00:19

Источник

Теги:

jquery

css

2 ответа

0

#progressbar position #progressbar fixed. fixed элементы всегда относятся к окну браузера.

<style>
  #progressbar { position:fixed; top: 50%; left:50%; }
</Style>

rupps 30 март 2014, в 19:47

Ещё вопросы

Patrick Allen · Accepted Answer · 2014-03-30T20-36-00.000Z

Если вы имеете в виду фиксированное в центре видового экрана, как в этой скрипке

Вам нужно сделать положение индикатора хода position: fixed; , расположите его на 50% сверху и на 50% слева. Затем вам нужно компенсировать его на половину ширины/высоты, используя отрицательный margin-left и отрицательный margin-top

Это было бы так, как если бы индикатор хода имел ширину 20px 500px и высоту 20 20px:

#progress {
    width: 500px;
    height: 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -250px;

}