html progress-bar 样式如何设置

1、首先我们要准备程序目录，主要包括progress-bar的插件文件以及样式文件，如下图所示

2、然后将所有的资源文件都加载到HTML中，如下图所示

3、接着准备一个div，然后给这个div一个id，然后在JS中调用progressbar方法实例化div，如下图所示

4、运行程序以后我们会看到默认的progress-bar样式如下图所示

5、接下来我们在progressbar方法中增加class属性，如下图所示

6、然后在运行程序就会发现progress-bar的样式改变了，如下图所示，更有立体效果了

7、最后大家可以通过修改默认的样式图片来进行progress-bar的样式效果，如下图所示