文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
    时间不限
    最近一周
    最近一月
    最近三月
  • 来自专栏前端达人

    如何使用Tailwind CSS轻松设计惊艳的进度条

    无论是文件上传、表单提交还是需要时间的操作，一个设计良好的进度条可以让用户了解并参与其中，从而获得更加令人满意的用户体验。 温度计进度条 这个进度条是圆角形状的。 ="text-gray-600">Progress

    100%
    在这个片段中，我们设计了具有不同颜色和进度百分比的进度步骤 这些只是使用Tailwind CSS可以创建的进度条的几个示例。通过组合各种实用类和自定义样式，您可以创建符合设计要求的进度条。 借助其丰富的实用类集合，Tailwind CSS为您提供了一种简单高效的方式来样式化和定制进度条，以满足您的设计需求。

1.6K50编辑于 2023-08-31
  • 来自专栏james大数据架构

    进度条ProgressBar

    layout_width="match_parent" 34 android:layout_height="wrap_content" 35 android:text="显示进度条 27 requestWindowFeature(Window.FEATURE_PROGRESS); 28 //设置窗口特征，不启用显示进度的进度条 29 @Override 40 public void onClick(View arg0) { 41 //显示不带进度的进度条 42 setProgressBarIndeterminateVisibility(true); 43 //显示带进度的进度条 44 55 setProgressBarIndeterminateVisibility(false); 56 //显示带进度的进度条 57

    3.1K50发布于 2018-01-22
  • 来自专栏快乐阿超

    android进度条

    ——《道德经》 原生安卓实现的进度条 package com.example.uidemo.activity; import androidx.appcompat.app.AppCompatActivity app:layout_constraintTop_toBottomOf="@id/linearLayout2" android:text="1.滑动下面的滑杆后，上面的进度条同步

    2.5K20编辑于 2022-08-16
  • 来自专栏sktj

    bootstrap 进度条

    "100" style="width: 10%;"> 10% 完成（危险）

    image.png 动画效果的进度条 aria-valuemax="100" style="width: 40%;"> 40% 完成
    • image.png 进度条堆叠

    3.9K30发布于 2019-07-05
  • 来自专栏Android知识点总结

    圆形进度条

    今天写个简单的，自定义一个圆形进度条，并且加上小箭头指向内圈进度。 进度条已上传到公网，使用circle_progress: ^0.0.1，使用如下 void main() => runApp(MaterialApp( title: 'Flutter Demo //内置案例 ) )); 1.准备阶段 1.1:定义描述对象类Progress 将需要变化的属性抽离出一个描述类，传参方便些 ///信息描述类 [value]为进度，在0~1之间,进度条颜色 } @override bool shouldRepaint(CustomPainter oldDelegate) { return true; } } 2.绘制 2.1:绘制进度条 * 2); canvas.drawPath(_arrowPath, _arrowPaint); canvas.restore(); } 2.3:绘制点 绘制点的时候要注意颜色的把控，判断进度条是否到达

    4.7K20发布于 2020-10-16
  • 来自专栏该溜子的专栏

    【Android】进度条ProgressBar && 可拖拽进度条Seekbar

    一：ProgressBar ProgressBar有很多种进度的样式，比如环形加载，水平横向进度条加载 1：环形 不用style，默认显示为环形 使用Wrap也可以显示出来，是因为它本身内部就有一定的大小 progress_bar" app:layout_constraintTop_toTopOf="@id/progress_bar" /> （1）indeterminate 不带真实进度的进度条 ，叫不确定模式 若未设置 android:indeterminate，默认值是 false进度条会显示确定模式（即展示具体进度值，如 0%~100%）。 1：需求分析 需求：现在有一个页面，我们需要有一个实时的进度条往前走，展示下载文件的下载进度 2：前端设计 <ProgressBar android:id="@+id/pb_load" ，调用 （3）onStopTrackingTouch 用户停止拖拽的时候，调用 3：日志打印分析 下面的日志就非常的清楚了，这三个方法的作用 六：收获 学了ProgressBar和SeekBar两种进度条

    82210编辑于 2025-08-23
  • 来自专栏Python | Blog

    echars进度条

    # 修改好的进度条 option = { tooltip:{ show:false, }, legend:{

    1.7K20发布于 2019-07-31
  • 来自专栏python3

    Python · 进度条

    我实现的这个进度条可能是可以当做一个第三方库来使用的（这个人好自大，啧），它支持记录并发程序的进度且损耗基本只来源于 Python 本身 先来看看我们的进度条长啥样： ? 它有一个名字（“Test”）、有总任务数和已完成任务数、有总耗时和单个任务平均耗时、还有一个“进度条”。所有这些在整个程序运行过程中都是在一行内输出的、也就是说它不会产生多行输出（如果屏幕够宽的话）。 所有任务完成后，进度条会变为： ? 大体上来说功能还算完备。 运行效果就是上面那两张图 这章有点水（你居然有自知之明）、主要是想帮一下平时会用 Python 运行大程序却又暂时苦于无法得知进度的观众老爷们（虽然这部分观众老爷可能都知道怎么实现进度条……）。 进度条通常来说可以用在爬虫或机器学习中，我实现的神经网络里面就用到了它

    2.4K30发布于 2020-01-17
  • 来自专栏Golang语言社区

    golang进度条

    进度条元素 ▪ 总量 ▪ 当前进度 ▪ 耗时 通过以上元素可以延伸出：完成百分比、速度、预计剩余时间、根据设置速度快慢阈值用不同的颜色来显示进度条。 实现 进度条 type Bar struct { mu sync.Mutex line int //显示在哪行 多进度条的时候用 prefix string //进度条前置描述 total int //总量 width int //宽度 advance chan bool //是否刷新进度条 done chan bool ，还需要提供Print, Printf, Println 的方法, 用于计算当前光标所在位置，每个进度条都会有自己的所在行，显示的时候光标需要移动到对应的行。

    2.9K100发布于 2018-03-19
  • 来自专栏python3

    打印进度条

    #进度条的效果 [# ] [## ] [### ] [#### ] #指定宽度 print('[%-15s]' %' ('[%%-%ds]' %50) %'#') print(('[%%-%ds]' %50) %'##') print(('[%%-%ds]' %50) %'###') #=========实现打印进度条函数 recv_size+=1024 #每次收1024 percent=recv_size/data_size #接收的比例 progress(percent,width=70) #进度条的宽度

    1.5K10发布于 2020-02-10
  • 来自专栏算法微时光

    进度条使用

    ProgressBar(进度条) ProgressBar是Android下的进度条，也是为数不多的直接继承于View类的控件. 后者主要是为缓存需要所涉及的，比如在看网络视频时候都会有一个缓存的进度条以及还要一个播放的进度，在这里缓存的进度就可以是android:secondaryProgress，而播放进度就是android:

    2.3K10发布于 2020-04-23
  • 来自专栏Android知识点总结

    圆形进度条

    今天写个简单的，自定义一个圆形进度条，并且加上小箭头指向内圈进度。 进度条已上传到公网，使用circle_progress: ^0.0.1，使用如下 void main() => runApp(MaterialApp( title: 'Flutter Demo' //内置案例 ) )); 1.准备阶段 1.1:定义描述对象类Progress 将需要变化的属性抽离出一个描述类，传参方便些 ///信息描述类 [value]为进度，在0~1之间,进度条颜色 } @override bool shouldRepaint(CustomPainter oldDelegate) { return true; } } 2.绘制 2.1:绘制进度条 * 2); canvas.drawPath(_arrowPath, _arrowPaint); canvas.restore(); } 2.3:绘制点 绘制点的时候要注意颜色的把控，判断进度条是否到达

    2.3K41发布于 2020-04-30
  • 来自专栏全栈程序员必看

    网络：下载进度条

    发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/159269.html原文链接：https://javaforall.cn

    1.1K20编辑于 2022-09-14
  • 来自专栏python百例

    123-进度条

    经常有同学希望实现进度条的功能。这个功能可以采用现有的模块来实现，这里我来介绍一个简单的进度条模块tqdm。 首先将tqdm安装上 [root@room8pc16 ~]# pip install tqdm 先实现一个简单的进度条： [root@room8pc16 ~]# vim /tmp/process_bar.py

    1.1K40发布于 2019-01-03
  • 来自专栏代码小技巧分享分析

    jquery 圆形进度条

    最近手里面的项目需要完成这个对设备性能的检测显示功能，需要使用到圆形进度条这样的效果，网上找了一圈，有很多相当的插件，找到：circliful 插件，看了他的使用说明比较的方便，于是就下载了它并将自己想要的效果添加了进去 /1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>圆形进度条 requestAnimationFrame(function () { /**  * [修改] 降低圆形进度条速度

    3.3K00发布于 2021-09-23
  • 来自专栏HelloCode开发者学习平台

    Swift动画 —— 进度条

    shapeLayer.fillColor = UIColor.clear.cgColor （滑动显示更多） 接下来为进度条添加一个底部轨道（track layer）。 (Int(percentage * 100))%" self.shapeLayer.strokeEnd = percentage } （滑动显示更多） 到这里进度条就会跟着下载的进度前进 = false // shapeLayer.add(basicAnimation, forKey: "stokeAnimation") } } （滑动显示更多） 接下来要为进度条添加扩散的特效 @objc private func handleEnterForeground() { animatePulsatingLayer() } （滑动显示更多） 这样一个会动的进度条就完成了

    3.2K10编辑于 2022-01-14
  • 来自专栏python3

    python 进度条

    功能说明：将程序执行进展情况按照百分比用进度条显示，适合用于文件传输进度显示 运行环境：Linux 6，python3.6.2 print:打印末尾会自动加上换行符'\n'，如果要让打印的结果一直在同一行显示 ) 执行结果： [-------------------------------------------------------------------- ]99% 做成模块，实现输入总数和分数，输出进度条 ： [--------------------------------------------------]100%   10/10 注:这里有个坑，Linux 显示窗口要足够宽，单行能全部显示出来，进度条就会只显示一行 ；如果窗口不够宽，单行显示不完整，那么系统每次打印进度条都会是单独一行。 也可以使用progressbar模块，下载链接如下： https://pypi.python.org/pypi/progressbar2/3.34.2 注：虽然使用进度条可以直观的看到进展情况，但是会使程序执行效率变低

    97810发布于 2020-01-10
  • 来自专栏hbbliyong

    WPF进度条

    PART_Indicator是进度条增加指示的形状，即我们看到在滑动的部分； PART_Track就是后面的背景层，也就是不动的那部分。 ? 明白了这点就好办了。

    1.4K40发布于 2018-03-05
  • 来自专栏林德熙的博客

    win10 uwp 异步进度条 圆形进度条

    本文主要讲我设计的几个进度条，还有如何使用异步控制进度条，如何使用动画做进度。 进度条可以参见：http://edi.wang/post/2016/2/25/windows-10-uwp-modal-progress-dialog 进度条其实异步就是使用后台变化，然后 value { return _value; } } private double _value; 默认进度条设置最大值 ， 我还自己的控件，一个值从0到100的圆形的，可以看下面 圆形进度条 参见：http://www.cnblogs.com/ms-uap/p/4641419.html 先说怎么用我的，首先去我源代码https ://github.com/lindexi/UWP，打开我的进度条文件夹，里面有View文件夹 我在View有一个控件RountProgress复制他到你的解决方案，如果我的控件大小和你不一样，很简单调整

    2K10发布于 2018-09-18
  • 来自专栏OECOM

    css滚动进度条

    需求 首先先描述一下需求，就是在顶部有一个进度条，随竖向滚动条的滚动而长短变化，用以显示文章阅读进度，实现的方式是采用css来实现。 如此我们就完成了整个效果的实现，这个效果有一个缺点就是他顶部进度条右侧是斜的而不是垂直的，另外在兼容性方面兼容至IE10.

    1.7K10发布于 2020-07-02
    • 第 2 页第 3 页第 4 页第 5 页第 6 页第 7 页第 8 页第 9 页第 10 页第 11 页
    点击加载更多

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

    领券