Bootstrapのnavbarの中でプログレスバーを表示するには。

navbarの中にそのままprogress-barのタグを入れても表示されなかったのでメモ。

progressの一つ上のdivでwidthを100%にしてあげると表示される。

<nav class="navbar navbar-light bg-light">
  <div style="width: 100%">
    <div class="progress">
      <div class="progress-bar" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
    </div>
  </div>
</nav>