📜  EasyUI jQuery 进度条小部件

📅  最后修改于: 2021-11-24 05:38:53             🧑  作者: Mango

在本文中,我们将学习如何使用 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/