做了一个进度条

最新推荐文章于 2018-08-22 11:23:06 发布
最新推荐文章于 2018-08-22 11:23:06 发布
阅读量153 收藏
点赞数
文章标签： html 进度条 js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lllichuan/article/details/77367257
版权

HTML  用js做了一个进度条

主要是 <progress >标签

和window.setInterval("SetFormDefaultb()",100);  的 定时函数


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" style="padding:0px;">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style2.css" />


</head>
<style>
html { overflow-x:hidden; }
</style>
<script type="text/javascript" language="JavaScript"><!--
htna=5;
var i=5;
function SetFormDefaulta()
{
   window.setInterval("SetFormDefaultb()",100); 
}
function SetFormDefaultb()
{
    i++;
    document.getElementById("htna").value=htna+i;
}
//-->
</script>


<body onLoad="SetFormDefaulta()" >
<form action="cacer1.cgi" method="post" name="cacer" enctype="multipart/form-data"> 


   
<progress value="0" id="htna" max="100">
htfhfhfg
</progress>
        
  </div>
<button class="button" type="submit">Upgrade</button>
<button class="button" type="reset" οnclick="SetFormDefaultb();">Cancel</button>


</form>



</body>
</html>
诺诺house
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
QML自定义进度条
08-30
在本教程中，我们将深入探讨如何使用Quick2实现一个自定义的进度条，并通过动画控制进度条的移动。 首先，我们需要了解QML中的基础元素。`Rectangle`是最基本的图形元素，它可以作为其他组件的基础。`...
易语言画板做进度条
07-23
在本教程中，我们将探讨如何利用易语言的画板组件来创建一个进度条效果。进度条通常用于显示程序执行过程中的进度，它能提供用户友好的界面反馈，让用户知道程序正在运行并了解其状态。 首先，我们需要理解画板组件...
进度网络计算
weixin_33806914的博客
05-10 328
注意：自由时差公式中，如果有多个紧后工作，那么还要求一个最小值，因此，该活动的自由时差=MIN（紧后工作的ES-当前活动的EF）。 六标时单代号网络图：必须会画！其中， 开始时间（最早、最迟）、完成时间（最早、最迟）的计算原则： 开始时间，从前往后（正推法），取最大值，用加法； 完成时间，从后往前（反推法），取最小值，用减法； 当建设方要求提前完成缩短工期时，压缩时间的原则...
电力项目十二--运行监控中添加进度条
weixin_30326745的博客
05-29 86
应用场景： 1.文件上传、下载(IO流); 2.数据的导入导出； 3.大批量数据的增删改查； 4.远程数据的访问。 添加函数loading(); <%@ page language="java" pageEncoding="UTF-8"%> <%@taglib uri="/struts-tags" prefix="s" %> <!-- 添...
java之文本文件读取
lBovinl的博客
05-08 177
*、java之pdf读取 pdfbox对中文支持不好，xpdf较好但无法实现跨系统开发 但目前的情况是：Pdfbox可以读取含有图片的中文文档内容so是否可以继续使用呢？哈哈 eg:https://blog.csdn.net/fangyuandoit/article/details/78558284?locationNum=4&amp;fps=1     *、java之word读取...
一个进度条效果
04-04
一个进度条效果，源码RopeProgressBar，根据https://dribbble.com/shots/1887815-Download 效果图做出的进度条，github上还有另外一个实现：ElasticDownload，可以将两者比较一下。
易语言用画板来做进度条
08-21
`易采源码下载说明.txt`可能包含了源码获取和使用的一般指导，`易采源码下载.url`可能是一个链接，方便用户下载更多易语言相关的资源，最后的`用画板来做进度条`可能是源代码文件，包含了实际的易语言代码。...
一个神奇的进度条
06-29
这是一个神奇的进度条
实现文本读取
LiuHanQingIT的专栏
07-28 622
功能要求： 实现文本读取 需求说明： 编写一个Java应用程序，可以实现Dos中的type命令，并加上行号。即将文本文件在控制台上显示出来，并在每一行的前面加上行号。
VB2008,2010读取文本
weixin_34293911的博客
08-18 92
支持任何扩展名，但对中文不支持： 代码 Dim objReader As New StreamReader("文本地址“)Dim sLine As String = "" Dim arrText As New ArrayList() Do sLine = objReader.ReadLine() If Not...
要在读取文件的时候给个进度条
xfei6868的专栏
07-10 198
[color=blue][size=medium] “要在读取文件的时候添加一个进度条”，在老板看到我做的东西有麽样了以后，一个新的任务就来了。添加进度条的理由是让人在导入的时候能感觉到导入的进度，这样就不容易让使用者感觉不到什么时候完成，什么时候没有完成。 想想这个功能的确很有用，恩！这个要做，做了感觉上就不一样了。哈哈！这时候突然发现自己的文件读取的地方就根本不在一个单独的...
在VC++应用程序中读取文本数据
clever101的专栏
05-22 9445
作者：朱金灿来源：http://blog.csdn.net/clever101我们通常把数据存诸在txt文件上，但是我们通常要把这些数据取出来并进行处理。下面我将介绍一种在VC++应用程序中读取文本数据的方法。一．前言因为经常要处理地质方面的数据。但是很多数据它不是直接存贮在数据库文件（如Access文件等），而是存贮在txt文件。经常有同学问我怎么通过编程读取实现文本文件中的数据。其实存贮在tx
GTK文件读取进度条
u010411549的专栏
06-07 901
C开发的gtk界面
文本进度条
showgea的博客
08-22 853
使用sleep()模拟一个持续的进度 import time n = 30 print('执行开始'.center(n//2, '-')) start = time.perf_counter() for i in range(n+1): a = '*' * i b = '-' * (n - i) c = (i/n) * 100 dur = time.perf_...
d3.js做一个进度条
最新发布
04-24
好的，你想要使用d3.js制作一个进度条，我可以为你提供一些基本的代码示例。 首先，你需要准备一个具有固定宽度和高度的div容器，用来显示进度条。然后，你可以使用d3.js的选择器方法去选择这个容器，并使用数据...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值