在頁面上移動Pace.JS

Question

所以我有一個200px寬的邊欄。 我希望我的步驟欄加載在它旁邊。 所以基本上左邊有200px的邊距。 這是我一直在編輯的內容：

.pace-progress {
   background: #2dbaa6 !important;
   position: fixed;
   z-index: 2000;
   height: 3px !important;
 }

我已經嘗試了多種方法。

• 我嘗試用width設置寬度： calc(100% - 200px); 。 這似乎不起作用。 我似乎只能用width: #px;設置width: #px; 但是我不能使用它，因為我的頁面有一個流體容器。

  • 對於左邊距，我嘗試了margin-left: 200px ， left: 200px ， left: 200 。 這些似乎都不起作用。 如果他們將其向左移動，則桿的載荷方向相反。

  • 我似乎唯一能做的就是設置margin-top元素。

有小費嗎？

謝謝！

Answer 1

下面將使.pace-process從左起200像素，從右起0像素。

.pace-progress {
   background: #2dbaa6 !important;
   position: fixed;
   left: 200px;
   right: 0;
   z-index: 2000;
   height: 3px !important;
 }