原理很简单。。你在页面不同的位置的dom节点上增加一个自定义属性比如data-progress=20 data-progress=80然后你在页面头部设置一个start函数，再在页面onload的时候设置一个end函数。在页头执行你的js，每读取到一个data-progress就对应给进度条做动画即可。这和jq貌似没什么关系。。关键细节是 如何依次读取到这个自己设置的progress呢？很简单，设置个setInterval，然后不断的读带data-progress的节点，读到一个新的设置一下，记下位置就好了。end的时候清掉定时器就ok了。参见这个项目：
Progress.js - Themeable progress bar library
jQuery Mobile是一个基于jquery的HTML 5移动网站框架，用它做出来的网站界面和App风格类似。jQuery Mobile文档,内容不多，耐心看完只需要1个小时，大体分成8大功能点page：最基准单元，包括header,footer,导航栏dialog：对话框,在手机屏幕弹出dialog来交互，我觉得不是很友好transitions：转场效果form:表单button：大button，小button(放在各种栏上的都是小button)，还提供了若干内置标准iconlistview：列表，这是jquery mobile的核心UI，提供了10几种类型的List，简单好用event：各种滚动，滑动，拖拽事件Theming：官方提供了5种皮肤，也有工具可以自定义，切换皮肤只需要改动一个classjQuery Mobile全面支持ajax，但也可以当做普通html模板在后端渲染数据，我选择后面一种
jquery是基于JavaScript语言写出来的一个框架，它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，但实质上还是js，所以JQuery也属于网页编程语言。
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。
JavaScript是网页编程语言，而jquery就是基于JavaScript语言写出来的一个框架，实质上还是js而已。