进度条

我就是我 2024-04-17 05:28 78阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTYzOTYwOQ_size_16_color_FFFFFF_t_70]

<!DOCTYPE html>
    <html lang="zh-cn">
    <head>
    	<meta charset="UTF-8">
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    	<meta http-equiv="X-UA-Compatible" content="ie=edge">
    	<title>进度条</title>
    	<style>
    		*{
    			margin: 0;
    			padding: 0;
    		}
    		.container{
    			width: 500px;
    			height: 20px;
    			margin: 0 auto;
    			margin-top: 50px;
    			background-color: #e5e5e5;
    		}
    		.complete{
    			width: 0;
    			height: 100%;
    			background-color: #0f0;
    		}
    	</style>
    </head>
    <body>
    	<div class="container">
    		<div class="complete"></div>
    	</div>
    	
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    
    
    <script>
    	$(function(){
    
    		var completeStr = "35%";
    
    		$(".complete").css( "width", completeStr);
    	})
    </script>
    </body>
    </html>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTYzOTYwOQ_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/11/1bef40abf65b427ab6ddc74f57820bb9.png

发表评论取消回复

表情：

评论列表（有 0 条评论，78人围观）

还没有评论，来说两句吧...

相关阅读

相关进度条

[在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4...

我就是我/ 2024年04月17日 05:28/ 0 赞/ 79 阅读

相关进度条

<!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <meta

港控/mmm°/ 2022年12月25日 15:57/ 0 赞/ 279 阅读

相关进度条

进度条--基本样式 <div class="progress"> <div class="progress-bar" style="width:8

墨蓝/ 2022年10月02日 14:48/ 0 赞/ 321 阅读

相关 python 进度条

-- coding: utf-8 -- import getpass import time import request

港控/mmm°/ 2022年08月31日 11:24/ 0 赞/ 232 阅读

相关 Bootstrap进度条

Bootstrap进度条使用css3过渡和动画来获得效果。 1.创建一个进度条的步骤添加一个带有.progress的<div> 在上面的<div>内，添

我就是我/ 2022年08月23日 08:49/ 0 赞/ 153 阅读

相关动态进度条

![这里写图片描述][SouthEast] <!DOCTYPE html> <html> <head> <meta c

╰+攻爆jí腚メ/ 2022年06月05日 05:35/ 0 赞/ 321 阅读

相关进度条代码

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8">

缺乏、安全感/ 2022年05月28日 11:42/ 0 赞/ 271 阅读

相关视频进度条

<!DOCTYPE HTML> <html> <head> <meta charset="gbk">

缺乏、安全感/ 2022年05月23日 09:40/ 0 赞/ 299 阅读

相关 python 简单文本进度条程序进度条加载进度条单行刷新

利用time库来替代某个程序的进行过程，做实例，思路是，简单打印出来程序进度单行刷新关键是\\r， python默认是print后换行，所以加一个\\r是光标

朴灿烈づ我的快乐病毒、/ 2022年03月18日 05:50/ 0 赞/ 443 阅读

相关 wxWidgets进度条

include <wx/wx.h> include <wx/progdlg.h> class myApp : public wxApp {

客官°小女子只卖身不卖艺/ 2021年12月16日 10:45/ 0 赞/ 507 阅读