在页面中间定位jquery进度条

Question

即使页面可能会向下滚动，如何在页面中间放置jquery进度条？

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

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

Answer 1

如果您的意思是固定在视口的中心，例如 this fiddle

您需要制作进度条position: fixed;，将其从顶部放置50％，从左侧放置50％。然后你需要使用负margin-left和负margin-top

将其偏移一半的宽度/高度

如果进度条为500px宽且20px高，则会出现这种情况：

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

}

Answer 2

将#progressbar＆＃39; s position声明为fixed。 fixed元素始终引用浏览器窗口。

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