CSS not being rendered when moved to stylesheet

I have added a Bootstrap progress bar, which is overriding some of my CSS. I am trying to move the CSS to a stylesheet instead of being within my ejs file, but when I do, and loop it into the file through
<link href="/views/stylesheet.css" rel="stylesheet"> it refuses to do so, and I lose my styling.

Not that I think it mattes, but this is what is overriding my css

  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css" integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rV" crossorigin="anonymous">  

Here is my file structure

Views |_Index.ejs, stylesheet.css, template.css

All of this is occurring in my index.ejs file, and not in my node backend (not included in file structure)

lastly, here is my progress bar:

<div id="loadingcontainer">  <div class="progress" style="height: 5px;">      <div id="myprogress" class="progress-bar" style="color:#EB7051;" style="background-color: #ffffff" role="progressbar" style="width: 25%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>    </div>  </div>  

https://stackoverflow.com/questions/65911519/css-not-being-rendered-when-moved-to-stylesheet January 27, 2021 at 09:06AM