miniui(nui)进度条

本文介绍了一种使用JavaScript和CSS创建文件上传过程中显示进度条的方法。通过定义一个名为processShow的函数来展示等待图片和提示文字,同时设置了一个2秒后的自动关闭延迟。此外,还提供了样式表内容以美化进度条的外观。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

js:

//进度条
function processShow(){
var imgUrl = "wait.gif";
mini.mask({
            el: document.body,
            cls: 'mini-mask-uploading',
            html: '<div style="padding-left:10px;">文件上传中...<div style="background:url(' + imgUrl + ') no-repeat 0px 50%;width:230px;height:30px;"></div></div>'
        });
        setTimeout(function () {
            mini.unmask(document.body);
        }, 2000);

}

css

<style type="text/css">
   
    
    .mini-mask-uploading
{
   padding:10px 8px 10px 10px;
  border:2px solid #517fad;
}
    </style>


可以将processShow写到回调中,去掉setTimeout

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值