element-ui progress 组件源码分享

server/2025/3/20 3:48:39/

progress 进度条组件源码分享,主要从以下两个方面:

1、progress 组件页面结构。

2、progress 组件属性。

一、组件页面结构。

二、组件属性。

2.1 percentage 百分比(必填),类型为 number,可选值 0-100,默认 0。

2.2 type 进度条类型,类型为 string,可选值 line/circle/dashboard,默认 line。

 

2.3 stroke-width 进度条的宽度,单位 px,类型为 number,默认值 6。

2.4 text-inside 进度条显示文字内置在进度条内(只在 type=line 时可用),类型为 boolean,默认 false。

2.5 status 进度条当前状态,类型为 string,可选值 success/exception/warning,无默认值。

2.6 color 进度条背景色(会覆盖 status 状态颜色),类型为 string/function/array,无默认值。

2.7 width 环形进度条画布宽度(只在 type 为 circle 或 dashboard 时可用),类型为 number,默认 126。

2.8 show-text 是否显示进度条文字内容,类型为 boolean,默认 true。

2.9 stroke-linecap circle/dashboard 类型路径两端的形状,类型为 string,可选值 butt/round/square,默认值 round。

2.10 format 指定进度条文字内容,类型为 function(percentage),无默认值。

2.11 define-back-color 指定进度条底色(支持 hex 格式),类型为 string,无默认值。

2.12 text-color 指定进度条字体颜色(支持 hex 格式),类型为 string,无默认值。


http://www.ppmy.cn/server/176412.html

相关文章

JVM常用概念之信任非静态final字段

问题 JVM可以信任非静态的final字段吗? 基础知识 编译器通常信任static final字段,因为已知该值不依赖于特定对象,并且已知它不会改变。那对于静态常量实例的final字段也使如此吗? class M {final int x;M(int x) { this.x x; } }static final M …

网络安全运维应急响应与溯源分析实战案例

在日常运维过程中,网络安全事件时有发生,快速响应和精准溯源是保障业务稳定运行的关键。本文将通过一个实际案例,详细解析从发现问题到溯源定位,再到最终解决的完整流程。 目录 一、事件背景 二、事件发现 1. 监控告警触发 2.…

Redis的IO多路复用机制:高效的网络通信设计

在高并发、高性能的应用中,如何有效地管理和处理大量的客户端请求是一个至关重要的问题。Redis作为一个高性能的内存数据存储系统,面对大量并发客户端请求时,需要具备良好的网络通信能力。在Redis的设计中,IO多路复用机制是其核心…

N皇后问题——dfs解法(回溯+减枝+深搜)

一.题目 这是一道很经典的题,首先分析一下题目,就是在棋盘上下棋,但是同一行,同一列,对角线上不能有棋子,否则无法落子,那这些信息也就是约束条件,模拟这些信息就是减枝函数的内容 …

【数据分享】2000—2024年我国省市县三级逐年归一化植被指数(NDVI)数据(年最大值/Shp/Excel格式)

之前我们分享过2000-2024年我国逐年的归一化植被指数(NDVI)栅格数据,该逐年数据是取的当年月归一化植被指数(NDVI)的年最大值。(可查看之前的文章获悉详情)!该数据来源于NASA定期发布…

【第九节】windows sdk编程:通用控件的使用

目录 引言 一、通用控件简介 二、 WM_NOTIFY 消息 三、通用控件的使用 3.1 进度条 3.2 滑块 3.3 ListControl 引言 通用控件是Windows操作系统扩展的一组功能丰富的界面元素,广泛应用于各类应用程序中。它们不仅简化了用户界面的开发,还提供了强大…

HiPixel开源AI驱动的图像超分辨率的原生macOS 应用程序,使用 SwiftUI 构建并利用 Upscayl 强大的 AI 模型

一、软件介绍 文末提供程序和源码下载 HiPixel是一个开源程序基于SwiftUI构建的macOS原生应用程序,用于AI驱动的图像超分辨率,并利用Upscayl的强大AI模型。 二、软件特征 具有 SwiftUI 界面的原生 macOS 应用程序使用 AI 模型进行高质量图像放大通过 G…

HW基本的sql流量分析和wireshark 的基本使用

前言 HW初级的主要任务就是看监控(流量) 这个时候就需要我们 了解各种漏洞流量数据包的信息 还有就是我们守护的是内网环境 所以很多的攻击都是 sql注入 和 webshell上传 (我们不管对面是怎么拿到网站的最高权限的 我们是需要指出它是…