为什么进度条无法加载？

下面的代码在jsfiddle和这里的代码片段中运行的很好，但是在我有js代码的html文件中不起作用，var bar = new ProgressBar.Line(container,无法运行。为什么进度条无法加载？

这里是链接到我的文件：https://github.com/yzdnisr/js_problem

任何建议，以解决这个问题是值得欢迎的。

var bar = new ProgressBar.Line(container, { 
 
    strokeWidth: 4, 
 
    easing: 'easeInOut', 
 
    duration: 1400, 
 
    color: '#FFEA82', 
 
    trailColor: '#eee', 
 
    trailWidth: 1, 
 
    svgStyle: { 
 
    width: '100%', 
 
    height: '100%', 
 
    position: 'absolute' 
 
    } 
 
}); 
 

 
bar.animate(1.0); // Number from 0.0 to 1.0

#liner { 
 
    position: relative; 
 
    width: 600px; 
 
    height: 7px; 
 
    background-color: #000000; 
 
} 
 
#container { 
 
    position: absolute; 
 
    width: 400px; 
 
    height: 7px; 
 
    background-color: #f0f0f0; 
 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/progressbar.js/1.0.1/progressbar.min.js"></script> 
 
<div id="liner"> 
 
    <div id="container"></div> 
 
</div>

来源

2016-08-15 syzd

那么如果它在这里工作，那么你的代码有问题。放在这里。 – Phiter

请提供您的代码或至少一个链接到您的实施... – andreas

[检查您的控制台的错误]（http://stackoverflow.com/documentation/javascript/185/hello-world/714/using-console-log ）。 –

将您的进度条UI的参考progressbar.min.js了。最好在文件的末尾。在你的无标题文档中，它是以前的。

来源

2016-08-15 18:41:18 Vcasso

为什么进度条无法加载？

回答

相关问题