在本文中,我们将学习如何使用 jQuery Easy UI 进度条设计进度条小部件。该组件可以从 HTML 标记或以编程方式创建。 EasyUI 是一个 HTML5 框架,用于使用基于 jQuery、React、Angular 和 Vue 技术的用户界面组件。它有助于为交互式 Web 和移动应用程序构建功能,为开发人员节省大量时间。
EasyUI for jQuery 下载:
https://www.jeasyui.com/download/index.php
句法:
var a = $(".selector").progressbar({
});
特性:
- height : 组件的高度
- width : 组件的宽度
- value : 百分比值
- text:要显示的文本模板。
方法:
- resize : 调整进度条的大小。
- getValue:返回当前搜索类型名称。
- setValue:设置当前搜索类型名称。
- options : 返回选项对象
事件:
- onChange:当值改变时触发
CDN 链接:
- 首先,添加项目所需的 jQuery Easy UI 脚本。
例子:
HTML
GeeksforGeeks
EasyUI Progressbar Widget
输出:
参考: http://www.jeasyui.com/documentation/