在 Bower 插件上加载数据以获取进度条

Question

I recently came across bower a web-tool to develop a progress bar. I have implemented a progress bar as series of radio buttons aligned next to each other. The concept is to load data from a .edf file to the browser upon clicking the radio buttons. All these work fine before I apply the Bower scripts. When I make a transition from one radio button to another I would like to have an effect which shows a transition while clicking on each button. Can I get some advice here if I can achieve this by applying any of the bootstrap classes or to modify the code existing? The snippet I have added is not loading the Bower libraries, otherwise it would look similar to this.

 $('.radios').radiosToSlider({ animation: true, });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"/>= <script type="text/javascript" src="bower_components/radios-to-slider/dist/jquery.radios-to-slider.js"/> <link rel="stylesheet" type="text/css" href="bower_components/radios-to-slider/dist/radios-to-slider.css"/> <div class="radios"> <label for="option1" class="btn"> <input id="option1" name="options" type="radio" autocomplete="off" onchange="dataSegment(0)" checked> </label> <label for="option2" class="btn"> <input id="option2" name="options" type="radio" autocomplete="off" onchange="dataSegment(1)"> </label> <label for="option3" class="btn"> <input id="option3" name="options" type="radio" autocomplete="off" onchange="dataSegment(2)"> </label> <label for="option4" class="btn"> <input id="option4" name="options" type="radio" autocomplete="off" onchange="dataSegment(3)"> </label> <label for="option5" class="btn"> <input id="option5" name="options" type="radio" autocomplete="off" onchange="dataSegment(4)"> </label> </div>

Answer 1

Your problem is that you are using a URL that is local to a website. Notice that you have no protocol in the URL ( https:// , http:// , etc). I did a little digging, and the URL you should be using is http://rubentd.com/bower_components/radios-to-slider/dist/jquery.radios-to-slider.js