当前位置： 首页 > news >正文

21.CSS的动态圆形进度条

news 2026/5/19 20:35:59

效果

在这里插入图片描述

源码

<!doctype html>
<html><head><meta charset="utf-8"><title>Animated Circular Progress | CSS Only</title><link rel="stylesheet" href="style.css"></head><body><div class="container"><div class="card"><div class="percent" style="--clr:#04fc43;--num:85;"><div class="dot"></div><svg><circle cx="70" cy="70" r="70"></circle><circle cx="70" cy="70" r="70"></circle></svg><div class="number"><h2>85<span>%</span></h2>&l

相关文章：

21.CSS的动态圆形进度条

效果 源码 <!doctype html> <html><head><meta charset="utf-8"><title>Animated Circular Progress | CSS Only</title><link rel="stylesheet" href="style.css"></head><body><di…...

编程日记 2023/9/6 4:01:05

Linux_VMware_虚拟机磁盘扩容

来源文章 &#xff1a;VMware教学-虚拟机扩容篇_vmware虚拟机扩容_系统免驱动的博客-CSDN博客 由于项目逐步的完善&#xff0c;需要搭建的中间件&#xff0c;软件越来越多&#xff0c;导致以前虚拟机配置20G的内存不够用了&#xff0c;又不想重新创建新的虚拟机&#xff0c;退…...

编程日记 2023/9/6 4:00:04

中欧财富：分布式数据库的应用历程和 TiDB 7.1 新特性探索

原文来源&#xff1a; https://tidb.net/blog/ccbaeda2 作者&#xff1a;张政俊&#xff0c; 中欧财富数据库负责人 导读 中欧财富是中欧基金控股的销售子公司&#xff0c;旗下 APP 实现业内基金品种全覆盖&#xff0c;提供基金交易、大数据选基、智慧定投、理财师咨询等…...

编程日记 2023/9/6 3:59:03

树莓 LUMA-OLED.EXAMPLE使用

详细介绍在文件目录下的README.rst中 第一步 $ sudo usermod -a -G i2c,spi,gpio pi //好像没什么用 $ sudo apt install python3-dev python3-pip python3-numpy libfreetype6-dev libjpeg-dev build-essential //安装依赖包&#xff0c;树莓派中好像已经有了 $ sudo a…...

编程日记 2023/9/6 3:58:02

C#，《小白学程序》第十一课：双向链表(Linked-List)其二，链表的插入与删除的方法（函数）与代码

1 文本格式 /// <summary> /// 改进的车站信息类 class /// 增加了 链表 需要的两个属性 Last Next /// </summary> public class StationAdvanced { /// <summary> /// 编号 /// </summary> public int Id { get; set; } 0; ///…...

编程日记 2023/9/6 3:57:01

java IDEA文件路径分层级

如下图这样 在设置里找到Compact Middle Packages&#xff0c;去掉勾选就行了...

编程日记 2023/9/6 3:55:59

Spring AOP+Redis实现接口访问限制

目录 一、需求二、实现思路三、代码实现3.1 导入依赖3.2 配置redis3.3 自定义注解3.4 定义切面类3.5 自定义异常类3.6 全局异常处理器 一、需求 在我们程序中&#xff0c;有时候需要对一些接口做访问控制&#xff0c;使程序更稳定&#xff0c;最常用的一种是通过ip限制&#x…...

编程日记 2023/9/6 3:54:57

互联网后端技术大全！

互联网后端技术大全&#xff01; 一. 系统开发 高内聚/低耦合 高内聚 高内聚指一个软件模块是由相关性很强的代码组成&#xff0c;只负责一项任务&#xff0c;也就是常说的单一责任原则。模块的内聚反映模块内部联系的紧密程度。 低耦合 模块之间联系越紧密&#xff0c;其…...

编程日记 2023/9/6 3:53:56

Android SDK 上手指南||第九章 Manifest文件

第九章 Manifest文件 到目前为止&#xff0c;我们已经熟悉了Android项目中的各个组成部分&#xff0c;包括其资源。在今天的文章中&#xff0c;我们将以项目Manifest文件作为核心内容。 对于一个项目来说&#xff0c;Manifest既可以很简单、也可以很复杂&#xff0c;其具体情…...

编程日记 2023/9/6 3:52:55

CVE-2023-3450：锐捷 RG-BCR860 命令执行漏洞复现

锐捷 RG-BCR860 命令执行漏洞(CVE-2023-3450)复现 0x01 前言 本次测试仅供学习使用&#xff0c;如若非法他用&#xff0c;与本文作者无关&#xff0c;需自行负责&#xff01;&#xff01;&#xff01; 0x02 漏洞描述 Ruijie Networks RG-BCR860是中国锐捷网络&#xff08;R…...

编程日记 2023/9/6 3:51:53

【ES】elasticsearch8.3.3

这里仅实践操作并根据实际问题进行记录笔记。 运行 ES8 我们需要在自己的电脑上安装好 Docker Desktop。接着我们运行如下的命令&#xff1a;出现两个异常&#xff0c;一个是需要使用winpty因为我使用win的docker desktop&#xff0c;另外一个问题是docker启动elasticsearchE…...

编程日记 2023/9/6 3:50:53

2023年下半年广州/深圳软考(中/高级)认证报名，当然弘博创新

软考是全国计算机技术与软件专业技术资格&#xff08;水平&#xff09;考试&#xff08;简称软考&#xff09;项目&#xff0c;是由国家人力资源和社会保障部、工业和信息化部共同组织的国家级考试&#xff0c;既属于国家职业资格考试&#xff0c;又是职称资格考试。 系统集成…...

编程日记 2023/9/6 3:49:51

2017. 网格游戏；2397. 被列覆盖的最多行数；2202. K 次操作后最大化顶端元素

2017. 网格游戏 核心思想&#xff1a;前缀和枚举。读完题后可以发现&#xff0c;第一个机器人走的路线就像一条分割线&#xff0c;第二个机器人只能获得上面白色部分或者下面白色部分的最大值。这个最大值怎么求&#xff0c;我们可以通过前缀和来求&#xff0c;然后通过枚举转…...

编程日记 2023/9/6 3:48:50

专访远航汽车远勤山：踏踏实实做好产品 直面挑战乘风远航

8月25日&#xff0c;第二十六届成都国际汽车展览会在中国西部国际博览城隆重开幕。车展举办期间&#xff0c;远航汽车董事长远勤山先生、产品研发总监王震先生向媒体分享了远航汽车品牌发展、产品研发、技术创新以及市场布局等内容。 “通过我们的付出和努力&#xff0c;让我们…...

编程日记 2023/9/6 3:47:48

Redis基本了解

Redis 基于内存进⾏存储&#xff0c;⽀持 key-value 的存储形式&#xff0c;底层是⽤ C 语⾔编写的。 基于 key-value 形式的数据字典&#xff0c;结构⾮常简单&#xff0c;没有数据表的概念&#xff0c;直接⽤键值对的形式完成数据的管理&#xff0c;Redis ⽀持 5 种数据类型…...

编程日记 2023/9/6 3:46:47

Seata处理分布式事务之1.7.0

https://blog.csdn.net/zhang33565417/article/details/122768300 1.5.0之后版本发生了很大改变 1.seata安装 1.1官网地址 http://seata.io/zh-cn/ 1.2下载地址 https://github.com/seata/seata/releases 下载的是seata-server-1.7.0.zip 1.3seata相关配置的修改 seata-…...

编程日记 2023/9/6 3:45:46

在k8s中用label控制Pod部署到指定的node上

案例-标注k8s-node1是配置了SSD的节点 kubectl label node k8s-node1 disktypessd 查看标记 测试 将pod部署到disktypessd的节点上&#xff08;这里设置了k8s-node1为ssd&#xff09; 部署后查看结果-副本全都运行在了k8s-node1上—符合预期 删除标记 kubectl label node k8…...

编程日记 2023/9/6 3:44:45

vue3 搭配ElementPlus做基础表单校验 自定义表单校验

<script setup> import { ref, reactive } from vue// 表单元素 const dom ref(null) // 校验规则 const rules {name: [{ required: true, message: 请输入活动名称, trigger: blur }],//校验手机号格式phone: [{ required: true, message: "请输入电话", t…...

编程日记 2023/9/6 3:43:44

Vue项目中处理key=value格式的数据-案例

返回值 {qrCode: expiredAt1693821779265&token449d599830b8486a9c7b15e0bc3f036c, listenUri: wss://ws.abcdtest.link/?token0f63c64883ed7ea338e100a28946aba654165ad0f} expiredAt1693821779265&token449d599830b8486a9c7b15e0bc3f036c 需要处理上面的字符串 co…...

编程日记 2023/9/6 3:42:43

如何截取视频中的一段视频？分享几种视频分割方法

当处理长视频时&#xff0c;视频分割可以使您更加高效。如果您只需要处理其中的一部分&#xff0c;而不是整个视频&#xff0c;那么分割视频可以使您更容易找到需要处理的部分。而且&#xff0c;分割视频还可以使您更容易在不同的项目之间重复使用视频片段。教大家几种简单的视…...

编程日记 2023/9/6 3:41:42

Perplexity远程岗申请失败率高达73%？揭秘HR系统自动过滤的4个隐形关键词及规避话术库

更多请点击&#xff1a; https://kaifayun.com 第一章&#xff1a;Perplexity招聘信息搜索 Perplexity AI 作为一家快速发展的生成式人工智能公司&#xff0c;其招聘动态常通过官方渠道及技术社区实时更新。掌握高效、精准的招聘信息检索方法&#xff0c;是开发者与研究人员了…...

编程新知 2026/5/19 20:06:06

别再只会用HAL库了！手把手教你用寄存器操作STM32的SysTick定时器（附精准延时函数）

深入STM32 SysTick定时器&#xff1a;寄存器级精准延时实战指南 从库函数到寄存器&#xff1a;为什么需要更底层的控制&#xff1f; 在嵌入式开发领域&#xff0c;时间控制精度往往决定着系统性能的上限。许多开发者习惯使用HAL库或标准库提供的延时函数&#xff0c;却很少思考…...

编程新知 2026/5/19 19:43:58

【免费下载】 新概念英语第三册资源集合

新概念英语第三册资源集合 【下载地址】新概念英语第三册资源集合 新概念英语第三册资源集合 项目地址: https://gitcode.com/open-source-toolkit/8a5ad 资源介绍 本仓库提供了一系列新概念英语第三册&#xff08;New Concept English 3&#xff09;的资源文件&#x…...

编程新知 2026/5/19 18:49:22

【亲测免费】 高效频谱分析利器：STM32F4 AD采集与FFT计算

高效频谱分析利器&#xff1a;STM32F4 AD采集与FFT计算 【下载地址】STM32F4AD采集DMA方式进行FFT计算 STM32F4 AD采集DMA方式进行FFT计算本资源文件提供了一个基于STM32F4系列微控制器的AD采集与FFT计算的实现方案 项目地址: https://gitcode.com/open-source-toolkit/7ed4e…...

编程新知 2026/5/19 18:29:48

别再只盯着USB3.0速度了！深入链路训练状态机（LTSSM），搞懂设备插上后到底经历了什么

USB3.0链路训练状态机&#xff1a;从插入到识别的技术全景解析 当我们将一个USB3.0设备插入电脑时&#xff0c;那个短暂的"识别"过程背后&#xff0c;隐藏着一套精密的数字握手协议。这个看似简单的动作&#xff0c;实际上触发了物理层到协议层的多阶段协同工作&…...

编程新知 2026/5/19 18:23:38

3步打造你的专属Minecraft领地世界：PlotSquared终极指南

3步打造你的专属Minecraft领地世界&#xff1a;PlotSquared终极指南 【免费下载链接】PlotSquared PlotSquared - Reinventing the plotworld 项目地址: https://gitcode.com/gh_mirrors/pl/PlotSquared 还在为Minecraft服务器管理混乱而烦恼吗&#xff1f;想要创建一个…...

编程新知 2026/5/19 16:24:17

LinuxCNC新手到专家：5个步骤打造你的完美数控系统

LinuxCNC新手到专家&#xff1a;5个步骤打造你的完美数控系统 【免费下载链接】linuxcnc LinuxCNC controls CNC machines. It can drive milling machines, lathes, 3d printers, laser cutters, plasma cutters, robot arms, hexapods, and more. 项目地址: https://gitcod…...

编程新知 2026/5/19 15:42:55

用51单片机和28BYJ-48做个智能小装置：角度控制云台/旋转展示架的完整项目

用51单片机和28BYJ-48打造智能旋转云台的实战指南 项目构思与核心价值 在创客圈里&#xff0c;28BYJ-48步进电机因其低廉的价格和稳定的性能&#xff0c;成为了许多DIY项目的首选动力元件。但很多初学者拿到这个电机后&#xff0c;往往止步于简单的正反转控制&#xff0c;没能充…...

编程新知 2026/5/19 15:26:20

MPC-BE：为什么这款开源播放器能成为Windows多媒体播放的终极解决方案？

MPC-BE&#xff1a;为什么这款开源播放器能成为Windows多媒体播放的终极解决方案&#xff1f; 【免费下载链接】MPC-BE MPC-BE – универсальный проигрыватель аудио и видеофайлов для операционной систем…...

编程新知 2026/5/19 14:56:56

Artisan烘焙软件：基于Python的开源咖啡烘焙控制与数据分析平台

Artisan烘焙软件&#xff1a;基于Python的开源咖啡烘焙控制与数据分析平台 【免费下载链接】artisan artisan: the worlds most trusted roasting software 项目地址: https://gitcode.com/gh_mirrors/ar/artisan Artisan是一款采用Python技术栈构建的开源咖啡烘焙控制软…...

编程新知 2026/5/19 14:52:46