div 能显示文字的进度条

关注

转载最新推荐文章于 2023-07-02 14:00:14 发布 769 阅读 AI 写同款· GEO 优化 ›

MATLAB PDE工具箱电磁场仿真平行电容板及电偶极子详解首先打开matlab，在命令行输入pdetool打开PDE工具箱工具箱的功能我就不赘述了，大概就是以有限元的数值计算方法，计算二阶偏微分方程，因此可以解决电磁场、热力学等问题。首先点击左上角按钮，画三个矩形画完一个后可以双击矩形编辑，参数如下：其中R1表示上极板，R2表示下极板，R3表示整个空间区域。在上方Set formula为R3-R2-R1，表示求解区域是整个空间区域减去两个极板。下拉框选择Electrostatics表示求解的是静电场问题。接下来点击上方菜单栏中的这个按钮，表阅读详情

<!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">
<head>
<title>制作进度条的两种方法</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
*{
    margin:0;
    padding:0;
}
body{font-size:12px;}h1{font-size:15px;}
.wrap{
    font-size: 12px;
    margin:40px auto;
    width:400px;
}
/*进度条样式*/
.progressbar_1{
    background-color:#eee;
    height:16px;
    width:150px;
    border:1px solid #bbb;
    color:#222;
}
.progressbar_1 .bar {
    background-color:#6CAF00;
    height:16px;
    width:0;
}
</style>
</head>
<body>
<div class="wrap">
    <h1>1，构建基本的HTML结构和CSS样式</h1>

    0%的状态：
    <div class="progressbar_1">
        <div class="bar"></div>
    </div>

    50%的状态：
    <div class="progressbar_1">
        <div class="bar" style="width: 50%;"></div>
    </div>

    80%的状态：
    <div class="progressbar_1">
        <div class="bar" style="width: 80%;"></div>
    </div>

    100%的状态：
    <div class="progressbar_1">
        <div class="bar" style="width: 100%;"></div>
    </div>


    这步非常简单，相信大家都能看明白。
</div>
</body>
</html>

本文来自: 脚本之家(www.jb51.net) 详细出处参考：http://www.jb51.net/article/18339.htm