进度条的运用 妖狐艹你老母 2022-01-26 07:13 280阅读 0赞 开发工具与关键技术:vs与jquery 作者:戴怡斌 撰写时间:2019年5月26日 进度条大家绝不陌生,玩过游戏的就更清楚了,代表的意思吗,对玩游戏的人来说加载场景,对浏览网页的人来说就是等待,加载的意思。 进度条运用非常广泛,样式也是种类繁多,也可以配合其他代码一起使用。 进度条还可应用于许多业务场景,如任务完成进度、loading等等,是一种较为直观的表达元素。 推荐使用插件,也不要问我为什么,用来就知道了,进度条我用layui里面的进度条插件。 <link href="~/Hospital Outpatient/layui/css/layui.css" rel="stylesheet" /> 因为进度条需要加载事件,所以还要引用js,js才是主要的,因为进度条在layui插件里特别依赖element组件,至于为什么特别依赖,后面就知道了 <script src="~/Hospital Outpatient/layui/layui.js"></script> Layui插件里面有两种样式也就是尺寸,颜色很多,自己喜欢就好。 一种是百分比显示,第二种是分数显示,而默认的百分比文本不会显示, ![在这里插入图片描述][20190528143821775.png] 小的进度条数字会在进度条的上面,大号进度条则是数字在进度条的里面。 如果你不想要这些数字显示,或者看着这些数字碍眼,你也可以不然他们显示,其实默认就不显示数字或百分比, 如果你想开启,对属性lay-showPercent设置任意值即可,随便一个单词就可以。但如果你不想显示,千万不要设置什么no或者false,直接删除该属性即可。 ![在这里插入图片描述][20190528143854618.png] 就像图中一样把lay-showPercent直接删掉就可以,就不会开启数字显示了。 ![在这里插入图片描述][20190528143914264.png] Js部分很简单,正确的说是有插件很简单,都不敢相信,如果你没写element这个单词,那你js部分就全部失败,然后进度条就不会显示(真的特别依赖)。 进度条可以和很多东西一起使用,比如时间选择器。 当你全部敲完之后,在检查一遍,运行。效果图 ![在这里插入图片描述][20190528143924828.png] [20190528143821775.png]: /images/20220126/76a4da38b5784ba49047ec44bdba4c65.png [20190528143854618.png]: /images/20220126/bb238381230e4892a4bd5b36a06e3e54.png [20190528143914264.png]: /images/20220126/86e999f0d47540e0bc1571d2dc6c1738.png [20190528143924828.png]: /images/20220126/145c5fe475c2488e92d0ac545f873593.png
相关 进度条 [在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4... 我就是我/ 2024年04月17日 05:28/ 0 赞/ 80 阅读
相关 进度条 <!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <meta 港控/mmm°/ 2022年12月25日 15:57/ 0 赞/ 282 阅读
相关 进度条 进度条--基本样式 <div class="progress"> <div class="progress-bar" style="width:8 墨蓝/ 2022年10月02日 14:48/ 0 赞/ 326 阅读
相关 动态进度条 ![这里写图片描述][SouthEast] <!DOCTYPE html> <html> <head> <meta c ╰+攻爆jí腚メ/ 2022年06月05日 05:35/ 0 赞/ 326 阅读
相关 进度条代码 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> 缺乏、安全感/ 2022年05月28日 11:42/ 0 赞/ 273 阅读
相关 python 简单文本进度条 程序进度条 加载进度条 单行刷新 利用time库来替代某个程序 的进行过程,做实例, 思路是,简单打印出来程序进度 单行刷新关键是\\r, python默认是print后换行,所以加一个\\r是光标 朴灿烈づ我的快乐病毒、/ 2022年03月18日 05:50/ 0 赞/ 445 阅读
相关 滚动条的运用 开发工具与关键技术:vs与css 作者:戴怡斌 撰写时间:2019年5月15日 我相信大家用过电脑,手机 ,用过就代表你也同时用 爱被打了一巴掌/ 2022年01月31日 08:04/ 0 赞/ 216 阅读
相关 进度条的运用 开发工具与关键技术:vs与jquery 作者:戴怡斌 撰写时间:2019年5月26日 进度条大家绝不陌生,玩过游戏的就更清楚了, 妖狐艹你老母/ 2022年01月26日 07:13/ 0 赞/ 281 阅读
相关 wxWidgets进度条 include <wx/wx.h> include <wx/progdlg.h> class myApp : public wxApp { 客官°小女子只卖身不卖艺/ 2021年12月16日 10:45/ 0 赞/ 509 阅读
还没有评论,来说两句吧...