小编给大家分享一下AmazeUI如何实现加载进度条,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!AmazeUI 加载进度条的实现示例,具体如下:<!doct
小编给大家分享一下AmazeUI如何实现加载进度条,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
AmazeUI 加载进度条的实现示例,具体如下:
<!doctype html><html class="no-js"><head><meta charset="utf-8"><meta Http-equiv="X-UA-Compatible" content="IE=edge"><meta name="description" content=""><meta name="keyWords" content=""><meta name="viewport" content="width=device-width, initial-scale=1"><title>加载进度条</title><link rel="stylesheet" href="assets/CSS/amazeui.min.css"><!--[if (gte IE 9)|!(IE)]><!--><script src="assets/js/Jquery.min.js"></script><!--<![endif]--><!--[if lte IE 8 ]><script src="assets/ie8/jquery.min.js"></script><script src="assets/ie8/modernizr.js"></script><script src="assets/js/amazeui.ie8polyfill.min.js"></script><![endif]--><script src="assets/js/amazeui.min.js"></script></head><body style="margin: 10px;"><!--基本使用--><button id="np-s" class="am-btn am-btn-primary">$.AMUI.progress.start();</button><button id="np-d" class="am-btn am-btn-success">$.AMUI.progress.done();</button><script>$(function(){ var progress = $.AMUI.progress; $('#np-s').on('click', function() { progress.start(); }); $('#np-d').on('click', function() { progress.done(); });}); </script><br><br><!--高级使用--><button id="np-set" class="am-btn am-btn-primary">$.AMUI.progress.set(0.4);</button><button id="np-inc" class="am-btn am-btn-warning">$.AMUI.progress.inc();</button><button id="np-fd" class="am-btn am-btn-success">$.AMUI.progress.done(true);</button><button id="np-status" class="am-btn am-btn-danger">$.AMUI.progress.status;</button><script>$(function(){ var progress = $.AMUI.progress; $('#np-set').on('click', function() { progress.set(0.4); }); $('#np-inc').on('click', function() { progress.inc(); }); $('#np-fd').on('click', function() { progress.done(true); }); $('#np-status').on('click', function() { $(this).text('Status: ' + progress.status); });}); </script></body></html>
效果图:
以上是“AmazeUI如何实现加载进度条”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网精选频道!
--结束END--
本文标题: AmazeUI如何实现加载进度条
本文链接: https://www.lsjlt.com/news/255626.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-01
2024-05-01
2024-05-01
2024-05-01
2024-05-01
2024-05-01
2024-05-01
2024-05-01
2024-05-01
2024-05-01
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0