Axure设计:带加载效果的百分比进度条提供首页,大宝娱乐lg游戏等产品欢迎广大客户前来洽谈业务合作

大宝娱乐lg游戏

首页 > 产品视频 > Axure设计:带加载效果的百分比进度条

Axure设计:带加载效果的百分比进度条

来源:首页 | 时间:2019-02-23

  进度条可以起到让用户耐心等待的作用,让用户了解当前任务完成的时间进度、有效防止用户的矛盾心理(等了好久还没有反应,我要不要终止掉重新来一遍?但是之前它好像跑了好久了,也许下一刻就可以完成呢)。作者将通过这篇案列分享,教大家使用Axure制作实现“带加载效果的百分比进度条”。

  点击“开始演示”按钮,展示带百分比的进度条效果;2、进度条在加载的过程中,按钮文字为“演示进行中”;

  进度在20%的时候,停止加载,按钮文字变为“奋力加载中,请等待!”且按钮不可点击,一秒钟后,继续加载,文字变为“演示进行中”;

  进度在60%的时候,停止加载,按钮文字变为“网络较差,请等待!”且按钮不可点击,两秒钟后,产品展示效果文字说明继续加载,文字变为“演示进行中”;

  进度在“演示进行中”时,可以点击按钮,按钮文字变为“已暂停,点击继续”,再次点击,恢复进度加载效果;

  进度在100%的时候,停止加载,按钮文字变为“继续演示”,点击按钮,开始新一轮的加载效果。

  通过单击“submit”控制动态面板的状态是否改变,用动态面板的状态改变去控制进度条的加载效果单击“submit”时,切换是否选中状态。

  当加载为20%时,暂停1秒钟,显示“奋力加载中,请等待”,禁用“submit”点击事件;加载为60%时,暂停2.5秒钟,显示“网络较差,请等待”,禁用“submit”点击事件;暂停过后,恢复循环效果,启用“submit”点击事件。

  给大家推荐腾讯课堂起点学院联合打造的6周Axure实战班,已有3000多位同学学习提升

  在Axure实战班,你可以学到最新最全的Axure9.0,更快做出Axure高保真,同时写出规范注释

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、招聘、社群为一体,全方位服务产品人和运营人,成立8年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里分享知识、招聘人才,与你一起成长。

相关www.135hk.com

    无相关信息

大宝娱乐lg游戏国际产品