我的容量条

最新推荐文章于 2023-01-04 16:11:52 发布
最新推荐文章于 2023-01-04 16:11:52 发布
阅读量56 收藏
点赞数
分类专栏： css 文章标签： Microsoft
<html>
<head>
<title>简单的容量条</title>
<style type="text/css">
<!--
#ProgressBar {
font:12px Verdana, Arial, Helvetica, sans-serif;
border:1px solid #5B94DF;/*边框颜色*/
}
#Pointer {
border:1px solid #FFFFFF;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDE9F9, endColorstr=#81ACE7);

}
#Lable {
position:absolute;
width:100%;
text-align: center;
}
-->
</style>
<script>
i=40;
function run() {
//i++;
p = i + "%";
document.getElementById("Pointer").style.width = p;//设置容量条填充色长度
document.getElementById("Lable").innerHTML = p;//只是显示一个百分比
//flag = window.setTimeout(run,300);
//if(i == 100) { window.clearTimeout(flag); i=0;}
}//Endfor
</script>
</head>

<body οnlοad="run()"><br/>
<table width="400">
<tr>
<td bgcolor="#FFFF00" style="padding:0px">
<div id="ProgressBar"><!-- 用来控制外边框 的颜色　-->
<div id="Lable">0%</div><!-- 只是 显示百分比　 -->
<div id="Pointer" style="width:0%"></div><!-- 用来控制容量条实际容量的颜色填充的长度　-->
</div></td>
</tr>
</table><br/>
<button onClick="run();">开始</button>
</body>
</html>

[color=red]修改之后的如下：[/color]
<html>
<head>
<title>简单的进度条</title>
<style type="text/css">
<!--
#ProgressBar {
font:12px Verdana, Arial, Helvetica, sans-serif;
border:1px solid #5B94DF;/*边框颜色*/
}
#Pointer {
/*border:7px solid #FFFF00;*/

border-bottom: 5px solid #FFFF00; border-left: 0px solid #FFFF00; border-right: 5px solid #FFFF00; border-top: 5px solid #FFFF00;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDE9F9, endColorstr=#81ACE7);

}
#Lable {
position:absolute;
width:100%;
text-align: center;
}
-->
</style>
<script>
i=40;
function run() {
//i++;
p = i + "%";
document.getElementById("Pointer").style.width = p;//设置容量条填充色长度
alert(document.getElementById("Pointer").style.height);
document.getElementById("Pointer").style.height = "0%";//设置容量条填充色长度
document.getElementById("Lable").innerHTML = p;//只是显示一个百分比
//flag = window.setTimeout(run,300);
//if(i == 100) { window.clearTimeout(flag); i=0;}
}//Endfor
</script>
</head>

<body οnlοad="run()"><br/>
<table width="400">
<tr>
<td bgcolor="#FFFF00" style="padding:0px">
<div id="ProgressBar" ><!-- 用来控制外边框 的颜色　-->
<div id="Lable">0%</div><!-- 只是 显示百分比　 -->
<div id="Pointer" style="width:0%;height:10%" ></div><!-- 用来控制容量条实际容量的颜色填充的长度　-->
</div></td>
</tr>
</table><br/>
<button onClick="run();">开始</button>
</body>
</html>

3.再次修改后
[code]
<html>
<head>
<title>简单的进度条</title>
<style type="text/css">
<!--
#ProgressBar {
font:12px Verdana, Arial, Helvetica, sans-serif;
border:1px solid #5B94DF;/*边框颜色*/
}
#Pointer {
/*border:7px solid #FFFF00;*/

border-bottom: 3px solid #FFFF00; border-left: 0px solid #FFFF00; border-right: 5px solid #FFFF00; border-top: 5px solid #FFFF00;
line-height:6px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000);

}
#Lable {
position:absolute;
width:100%;
text-align: center;
vertical-align: center;
}
-->
</style>
<script>
i=50;
function run() {
i++;
p = i + "%";
document.getElementById("Pointer").style.width = p;//设置容量条填充色长度
//alert(document.getElementById("Pointer").style.height);
//document.getElementById("Pointer").style.height = "10%";//设置容量条填充色长度
//document.getElementById("Lable").innerHTML = p;//只是显示一个百分比
//flag = window.setTimeout(run,300);
//if(i == 100) { window.clearTimeout(flag); i=0;}
}//Endfor
</script>
</head>

<body οnlοad="run()"><br/>
<table width="400">
<tr>
<td bgcolor="#FFFF00" style="padding:0px">
<div id="ProgressBar" ><!-- 用来控制外边框 的颜色　-->
<!--<div id="Lable">0%</div> 只是 显示百分比　 -->
<div id="Pointer" style="width:0%" ></div><!-- 用来控制容量条实际容量的颜色填充的长度　-->
</div>
</td>
</tr>
</table><br/>
<button onClick="run();">开始</button>
</body>
</html>
[/code]
iteye_16348
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
我的计算机磁盘容量条不见了,win10如何显示我的电脑容量条
weixin_36205072的博客
07-26 8037
网友小静2020-11-04回答win10的硬盘盘符不显示容量怎么办正常情况下，win10系统用户如果打开计算机的话，都可以直接在里面直接查看到各个磁盘的容量大小。不过，近来有用户反馈打开“此电脑”后，里面每个磁盘都不显示容量，这该怎么办呢？其实，该问题是由于查看方式不对导致的。下面，小编就给大家分享下该问题的两种解决方案。方案一：1、打开此电脑，在空白处单击右键，依次选择【查看】—【平铺】即可，...
容量影响计算机性能嘛,内存条会影响电脑性能吗？
weixin_39542111的博客
07-29 3598
今天来聊一聊电脑里的内存条。为什么聊它呢？因为很多时候，内存条这个东西大家普遍认为容量越大越好，但是在电脑性能上，好多人认为性能与内存条关系不大，那么到底是不是这样呢？加内存对电脑有什么好处，内存条到底对电脑有多大影响？为何内存条频频涨价？这究竟是人性的……咳咳，不好意思，串场了。总之，我们今天就来discovery一下内存条的秘密。1. 内存条数量。首先，我们先看看内存条的数量对电脑性能的影响...
我的计算机磁盘容量条不见了,高手解读Win10系统打开此电脑磁盘空间使用量指示条不见了如何处理的具体操作方式...
weixin_39638603的博客
07-26 2222
win10系统从发布到现在已经更新了数不清的版本了，每次更新都会解决一些问题，但还是难免会有Win10系统打开此电脑磁盘空间使用量指示条不见了如何处理的问题。Win10系统打开此电脑磁盘空间使用量指示条不见了如何处理这样的情况还真的把很多电脑高手都为难住了，那这次我们可不可以自己学着解决一下Win10系统打开此电脑磁盘空间使用量指示条不见了如何处理的问题呢？这当然是可以的并且其实很简单的。其实我们...
DDR5内存条容量计算
百里杨的博客
10-19 8383
DDR5内存条容量计算一、理解DDR5通道的变化二、理解芯片package三、DDR5 symmetric module容量计算 之前对DDR的一些基础知识进行了总结。最近需要了解DDR5的知识，在之前文章基础上又有一些认识，所以重新开一篇，继续记录。如果对基础概念不清楚，可以查看《一步一步教你理解DDR基本原理》。 DDR5的SPD规范中（https://pan.baidu.com/s/1JTVLnR2PpFsr_qApNZZoGw 提取码: k5p7），有关于DDR5内存条容量的计算方法，如下：
计算机内存条多大容量,电脑内存条到底怎么选？选多大容量最合适？
weixin_30140399的博客
07-25 1万+
我们对内存条是“情有独钟”，电脑卡了我们会直接加装内存条，游戏运行不流畅也会直接加装内存条，总之在很多人心中认为电脑内存条 就像电脑的“救世主”，那么，内存条在电脑中的作用究竟有多大呢？电脑内存条的作用：电脑内存条在电脑中主要是服务于CPU ，其次就是为所有的应用程序提供必要的加载空间 ，CPU是电脑的运算和控制核心，CPU处理任何数据时都离不开内存条提供的临时存储支持，说内存条是CPU的“助理”...
硬盘容量计算
顺其自然~专栏
01-04 2693
盘片、磁头、主轴电机、磁头定位机构、盘腔、空气净化器、接口电路和电源。盘片一般用铝合金或玻璃作为盘基，盘面涂有一层很薄的磁性材料。盘片安装在一个以恒定高速旋转的主轴上，转速通常为3600r/min，在每个盘面的上、下两面均配有一个读写磁头，这些磁头装在一个磁头定位机构上，载着磁头内向主轴或外向盘片的边缘移动。硬盘是计算机内可以以磁的形式存储数十亿字节数据的一个重要器件。其内部实际上是一些由一根金属杆穿起来的圆形磁片，磁片可以在两面记录数据，每个磁片都可以被划分为半径不同的圆，这些同心圆被称为磁道。
存储器容量的扩展
热门推荐
xiaoxi_hahaha的博客
12-05 2万+
存储器容量的扩展 一般而言，要构成一个存储器，一般需要多个存储芯片一起来构成。那么多个存储芯片是如何构成一个大的存储器来进行工作的呢？一般有如下三种方式： 方式一：位扩展(增加存储字长)              假设现在有1K(1024个)*4位的存储芯片(容量为4096bit)若干,要想构成一个1K*8位的存储器，我们可以使用两片1K*4位的存储芯片来构成，如下图        ...
容量影响计算机性能嘛,内存容量很重要？内存条大小对电脑性能的影响 | 麦田一棵葱...
weixin_27134495的博客
07-29 4376
之前测试了内存频率大小对电脑性能的影响，结果还是很令人意外的，随着内存频率不断增加，在一定范围内，会提升电脑整机的性能。但是如果超出这个范围，那么非但不能提升电脑整机性能，反而还会出现电脑整机性能下降的现象。看样子内存频率的增加范围很重要，并不是内存频率越高越好。下面继续折腾DDR4内存，今天测试的主题是，看内存容量大小对电脑性能的影响。内存依旧为宇瞻突击队Commando DDR4 2400内存...
计算机理论什么是信道容量,信道容量
weixin_42362931的博客
07-23 2399
信道能无错误传送的最大信息率。对于只有一个信源和一个信宿的单用户信道，它是一个数，单位是比特每秒或比特每符号。它代表每秒或每个信道符号能传送的最大信息量，或者说小于这个数的信息率必能在此信道中无错误地传送。对于多用户信道，当信源和信宿都是两个时，它是平面上的一条封闭线，如图中的OC1ABC2O。坐标R1和R2分别是两个信源所能传送的信息率，也就是R1和R2落在这封闭线内部时能无错误地被传送。当有m...
查看CPU最大支持内存容量
fa1c4的blog
01-22 6817
在购买内存条时需要考虑几个参数: 容量, 频率, 生产商等, 当然不可或缺的还有相应的CPU参数, 这时需要到网上查相应CPU型号的参数信息, 比如支持的内存条频率, 最大容量等. 现在有一种比较快的方式直接获得当前CPU的最大支持内存, 方便加/换内存条 cmd进入控制台 输入 wmic memphysical get maxcapacity 得到的数字就是最大支持的内存容量 我的这台轻薄本最大支持33554432kb内存, 换算得32G 所以如果要加装内存条, 可以买两条16G. 另外, 直接通过任
显示磁盘容量条
05-29
xp下显示硬盘容量，安装方便，你的硬盘使用情况一目了然。
硬盘状态条-在XP系统我的电脑本地磁盘上显示容量状态条
12-03
在XP系统我的电脑本地磁盘上显示容量状态条
让XP磁盘像Vista那样，显示容量条~ XP磁盘 图标 显示容量条
03-05
让XP磁盘像Vista那样，显示容量条~ XP磁盘 图标 显示容量条
XP系统显示硬盘容量
12-23
让XP系统可以和WIN7一样显示硬盘的容量，既美化也很实用的软件！
解析影响电池容量的因素
01-20
蓄电池的容量是衡量蓄电池性能的一项重要指标。一般用安时来表示。放电时间（小时）与放电电流（安培）的总称，即容量=放电时间×放电电流。电池的实际容量，取决于电池中活性物质的多少和活性物质的利用率。活性...
二级理论题（选择83+判断96）.xlsx
05-07
二级理论题（选择83+判断96）.xlsx
2024年中国超声非侵入式腐蚀检测传感器行业研究报告.docx
05-07
2024年中国超声非侵入式腐蚀检测传感器行业研究报告
设备OEE实践与教学知识
最新发布
05-07
设备自动化综合利用率实践，详细描述了OEE各方面的参数与应用，让设备自动化工厂利用此工具可以快速提高生产
tensorflow-gpu-2.2.3-cp37-cp37m-win-amd64.whl
05-07
python
怎么解决 win11 磁盘容量条显示红色问题
06-11
Win11磁盘容量条显示红色，一般是因为磁盘空间不足导致的。为了解决这个问题，您可以尝试以下几种方法： 1. 清理磁盘垃圾文件：在Win11系统中，可以使用磁盘清理工具来清理系统垃圾文件。您可以在搜索框中输入...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值