jquery 简单的进度条实现代码_jquery步骤进度条,填写表单进度条代码。-程序员宅基地
技术标签： 进度条 jQuery progressbar
效果图
需要用到的图片：
背景图片：
进度显示图片：
网页结构：
<div id="center">
<div id="message"></div>
<div id="loading"><div></div></div>
</div>
css代码：
代码
#center{
margin:50px auto;
width:400px;
}
#loading{
width:397px;
height:49px;
background:url(bak.png) no-repeat;
}
#loading div{
width:0px;
height:48px;
background:url(pro.png) no-repeat;
color:#fff;
text-align:center;
font-family:Tahoma;
font-size:18px;
line-height:48px;
}
#message{
width:200px;
height:35px;
font-family:Tahoma;
font-size:12px;
background-color:#d8e7f0;
border:1px solid #187CBE;
display:none;
line-height:35px;
text-align:center;
margin-bottom:10px;
margin-left:50px;
JavaScript代码：
代码
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript">
var progress_id = "loading";
function SetProgress(progress) {
if (progress) {
$("#" + progress_id + " > div").css("width", String(progress) + "%"); //控制#loading div宽度
$("#" + progress_id + " > div").html(String(progress) + "%"); //显示百分比
}
}
var i = 0;
function doProgress() {
if (i > 100) {
$("#message").html("加载完毕！").fadeIn("slow");//加载完毕提示
return;
}
if (i <= 100) {
setTimeout("doProgress()", 100);
SetProgress(i);
i++;
}
}
$(document).ready(function() {
doProgress();
});
</script>
智能推荐
django安装xadmin及问题处理_importerror: cannot import name 'pretty_name' from-程序员宅基地
文章浏览阅读7.4k次，点赞20次，收藏62次。一，安装这里我选择从 GitHub 安装：pip install git+https://github.com/sshwsfc/xadmin.git结果如下：Successfully installed defusedxml-0.7.1 diff-match-patch-20200713 django-crispy-forms-1.11.2 django-formtools-2.3 django-import-export-2.5.0 django-reversion-3.0.9 et-xmlf_importerror: cannot import name 'pretty_name' from 'django.forms.forms
豆瓣简单模拟登陆-程序员宅基地
文章浏览阅读563次。找url找到登陆接口后，用requests.post()请求该网页URL，之后将得到的cookie存入本地。遇到什么问题？参数问题，在requests的post中要用，data。在get中要用params，这个就搞人了。给我感觉cookie的作用。没有cookie，一些网站是不能爬取的，要爬就需要cookie，那么有些网站必须登陆才有对的cookie可以获取。得到cookie后存入本地。这个登陆接口页面的cookie也就是豆瓣主页的需要的cookie，什么时候cookie会变 我也不知道，我退出豆
XML序列化与反序列化-程序员宅基地
文章浏览阅读1.4k次。序列化：反序列化：_xml序列化与反序列化
docker-compose安装minio集群_docker-compose 搭建minio主从_minio 集群 docker-程序员宅基地
文章浏览阅读390次，点赞3次，收藏8次。录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新**(img-Se17qBoV-1712485371746)]_minio 集群 docker
Myeclipse和Eclipse的区别_myeclipse和eclipse有什么区别?-程序员宅基地
文章浏览阅读1w次，点赞4次，收藏5次。Myeclipse和Eclipse的区别1.Eclipse是开源的。Myeclipse是收费的。2.Myeclipse的核心是Eclipse。只不过Myeclipse在此基础上增加了很多插件，使用起来更加方便。3.Myeclipse比Eclipse更加消耗资源。PS：知道以上几点就行了。_myeclipse和eclipse有什么区别?
mysql-connector-java的不同版本对比_mysql-connector-java版本-程序员宅基地
文章浏览阅读3.6k次。下面我们分析5.1和8.0分别支持的jdk的版本、mysql的版本、jdbc的版本，以及开发项目过程中容易配错的Driver驱动类的全路径名。5.1版本支持java5及其以上的版本，支持5.6、5.7、8.0版本的mysql数据库，支持3.0、4.0、4.1、4.2版本的jdbc。8.0版本支持java8及其以上的版本，支持5.6、5.7、8.0版本的mysql数据库，支持4.2版本的jdbc。下图是官网上mysql-connector-java的版本对应的mysql版本和jdk的版本。_mysql-connector-java版本
随便推点
【OD统一考试（B卷）】跳格子（2），Python 解答_跳格子2od-程序员宅基地
文章浏览阅读1w次。小明和朋友玩跳格子游戏，有 n 个连续格子组成的圆圈，每个格子有不同的分数，小朋友可以选择从任意格子起跳，但是不能跳连续的格子，不能回头跳，也不能超过一圈；参加华为 od 机试，一定要注意不要完全背诵代码，需要理解之后模仿写出，通过率才会高。给定一个数例，第一个格子和最后一个格子收尾相连，如： 2 3 2。给定一个代表每个格子得分的非负整数数组，计算能够得到的最高分数。只能跳 3 这个格子，因为第一个格子和第三个格子收尾相连。输出能够得到的最高分，如： 3。_跳格子2od
Java开发第一课-程序员宅基地
文章浏览阅读358次，点赞8次，收藏8次。
深入研究sqlalchemy连接池-程序员宅基地
文章浏览阅读3.5k次。简介：相对于最新的MySQL5.6，MariaDB在性能、功能、管理、NoSQL扩展方面包含了更丰富的特性。比如微秒的支持、线程池、子查询优化、组提交、进度报告等。本文就主要探索MariaDB当中连接池的一些特性，配置。来配合我们的sqlalchemy。一：起因本来是不会写这个东西的，但是，写好了python--flask程序，使用sqlalchemy+mariadb，部..._sqlalchemy設置了pool_recycle=3600還是沒用
数字货币时代，普通人都可以获取的财富商机！！！-程序员宅基地
文章浏览阅读1.2k次。经济全球化和金融一体化的背景下，互联网金融已经是一个主导趋势。 互联网金融最伟大之处在于，它让市场参与者更加大众化，更加惠及普通百姓。每一个人都可以借助互联网金融平台，展示，支援和分享自己喜欢的创意和产品，在大众化的市场力量的作用下，资源将得到最优配置。不管是否认同，互联网金融行业的确正在发生巨变，或许很多人仍然怀疑互联网金融的未来，怀疑其巨大的变革力量。其实，理解互联网金融，我们需要拥有想像...
Storm详细配置-程序员宅基地
文章浏览阅读320次，点赞9次，收藏2次。综上所述，这些配置项可以根据具体的应用场景和硬件环境进行调整，以优化Storm集群的性能和稳定性。在实际部署时，还需要考虑到集群规划、前置条件、环境搭建等步骤，确保集群的正确搭建和高效运行。Apache Storm的详细配置涉及到多个方面，主要通过。
[BZOJ1641][Usaco2007 Nov]Cow Hurdles 奶牛跨栏-程序员宅基地
文章浏览阅读67次。1641: [Usaco2007 Nov]Cow Hurdles 奶牛跨栏Time Limit: 5 SecMemory Limit: 64 MB Submit: 726Solved: 482 [Submit][Status][Discuss]DescriptionFarmer John 想让她的奶牛准备郡级跳跃比赛，贝茜和她的伙伴们正在练习跨栏。她们很累，所以她们想消...