网站建设系列是收集网站使用到的各种demo。包括 JavaScript 插件,JavaScript组件,常用 css 等多方面。主要参考bootcdn,以及GitHub上的资源进行说明。
一、最简版(demo1.html)首先基于 bootstrap 组件来讲,在它的官网介绍中,有关于progress bar 的样式组件。当然是用它首先要引用 bootstrap.css。
设置当前进度:结合官方给的HTML代码,不难看出该方法是设置进度条的值。调用时使用update(60)即可,当然,这是该插件的内部调用。2. 例如设置为完成和重置进度条:3.
这是典型的jQuery插件式写法,使用方法为(progressSelector).progressbar(参数)方法内的前五行为获得 Progressbar 对象,第七行当参数类型是数字时进行处理,也就是设置进度为多少
该属性表示控制哪个进度条;data-valuevalue, 该属性表示控制进度条到达什么值,也支持那两个字符串;具体使用见图: