Nprogess.js親が変更されましたが、進行状況バーが表示されません

Question

NProgress.start(); 
NProgress.configure({ 
    parent: '#progressbar' 
}); 

親を#progressbarに変更しましたが、進行状況バーが表示されません。設定行を削除すると、進行状況バーがページの上部に表示されます。

Answer 1

パディングを追加していないため、プログレスバーが表示されませんでした。進行状況バーにパディングを追加して表示します。

HTML：

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

CSS：

#progressbar { 
padding:15px; 
}