Tuesday, 13 November 2018

LoadingBar.js showing an empty space when included in website

I am trying to implement LoadingBar.js on my website,

LoadingBar.js is a JS library to make progress bars : https://loading.io/progress/

I tested a JSFiddle that works fine : https://jsfiddle.net/sg2uz3jx/

<link rel="stylesheet" type="text/css" href="https://loadingio.github.io/loading-bar/dist/loading-bar.css" />
<script src="https://loadingio.github.io/loading-bar/dist/loading-bar.js"></script>

<div class="ldBar" data-value="70" style="width:200px;height:100px" data-stroke="yellow" data-preset="line"></div>

But when I copy/paste it inside my website it just makes an empty space and does not show anything. Here is an example of what it does in my website with source code highlight : https://ibb.co/mLDezU

Do you have an idea why it would do that ?



from LoadingBar.js showing an empty space when included in website

No comments:

Post a Comment