`
hiuman
  • 浏览: 52157 次
  • 性别: Icon_minigender_2
  • 来自: 广州
社区版块
存档分类
最新评论

progress

    博客分类:
  • css
css 
阅读更多
在百度上搜了很多方法去修改HTML5 progress的样式,然而并没有实现。
所以自己用div实现了一个。

简单粗暴(*^-^*)  可以在CSS里改样式,可以JS里改进度。


<div class="timepro">
	<div class="timepro-go" style="width:10%"></div>
</div>


.timepro{
	height:5px;
	background:#ccc;
	width:95%;
	border-radius:10px;
	-webkit-border-radius:10px;
	position: relative;
}
.timepro-go{
	width:0%;
	background:#000;
	height:5px;
	border-radius:10px;
	-webkit-border-radius:10px;
	position: relative;
	transition: all 10s;
	-webkit-transition: all 10s;
}

  • 大小: 563 Bytes
分享到:
评论

相关推荐

    C#链接Progress数据库DEMO

    标题中的"C#链接Progress数据库DEMO"指的是使用C#编程语言连接并操作Progress数据库的一个示例项目。Progress数据库是一款关系型数据库管理系统,常用于企业级应用,尤其在制造业和供应链管理中有广泛应用。C#作为...

    可以横竖、渐变颜色的Progress

    在IT行业中,Progress Bar或Progress Indicator是用户界面中不可或缺的一部分,它向用户显示任务的进度,无论是下载、上传还是其他耗时操作。本篇将详细探讨一个特别的Progress组件,即"可以横竖、渐变颜色的...

    PyPI 官网下载 | alive-progress-1.4.3.tar.gz

    《PyPI官网下载 | alive-progress-1.4.3.tar.gz——Python进程动态显示库解析》 在Python编程中,实时反馈进度条是提升用户体验的重要手段。alive-progress库就是这样一个工具,它允许开发者在控制台上创建生动且...

    mfg progress JDBC Driver

    标题中的“mfg progress JDBC Driver”指的是一个用于连接到Progress数据库的Java数据库连接(JDBC)驱动程序。Progress数据库是一种关系型数据库管理系统,广泛应用于企业级应用开发。这个驱动程序使得Java应用程序...

    progress 数据编程PPT

    Progress 数据编程是Progress 4GL(一种面向对象的数据库编程语言)的核心部分,它被广泛用于企业级应用开发,特别是数据库管理和数据访问。本PPT主要涵盖了五个关键主题:简介、应用程序代码、数据库访问编程、编程...

    Progress/OpenEdge语言手册

    References to built-in class data types appear in mixed case with initial caps, for example, Progress.Lang.Object. References to user-defined class data types appear in mixed case, as specified for a ...

    Unity Progress Bar Scripts进度条插件

    Unity Progress Bar Scripts是一款专为Unity游戏开发者设计的实用插件,它提供了丰富的进度条界面元素,帮助开发者在游戏或应用程序中实现动态展示加载、进度、健康值等信息。这款插件以其直观易用和高度可定制性而...

    Android-CircularProgressIndicator-可定制的循环进度指示器

    "Android-CircularProgressIndicator"是一个专为Android设计的可定制的循环进度指示器库,它提供了一种优雅的方式来显示进度,增强了用户的视觉体验。 该 CircularProgressIndicator 控件允许开发者自定义多种属性...

    Python库 | ffmpeg_progress_yield-0.1.2-py2.py3-none-any.whl

    Python库`ffmpeg_progress_yield`是用于处理多媒体文件的工具,特别是在视频和音频处理方面。它是一个基于Python的接口,能够与FFmpeg命令行工具进行交互,从而为用户提供更方便、更高级别的API来操作多媒体数据。`...

    自定义环形进度圈,带progress

    标题“自定义环形进度圈,带progress”指的是创建一个可显示进度的环形图形,这通常用于表示某个任务或过程的完成度。这种视图在很多应用中都有应用,比如加载动画、健康应用的运动进度等。 在描述中提到的...

    PROGRESS编程.doc

    【PROGRESS编程】是一种高效且易于上手的4GL(Fourth-Generation Programming Language)数据库语言。它的设计目标是简化数据库应用程序的开发,因此它没有复杂的指针操作,也没有类和高级接口,使得初学者能够快速...

    Android自定义Progress控件的方法

    Android 自定义 Progress 控件的方法 Android 自定义 Progress 控件是一种常用的 UI 组件,用于显示进度信息。然而,Android 的默认 Progress 控件功能有限,无法满足一些特殊的业务需求。因此,自定义 Progress ...

    Progress数据库的SQL资料

    有关Progress数据库语法的一部分资料,得来的很不容易,给需要的人共享下

    用Progress控件实现文字进度条

    在编程领域,Progress控件是常见的用户界面元素,用于显示任务的进度状态,通常以图形化的方式呈现。在某些情况下,我们可能需要以文字形式来显示进度条,这对于那些不支持图形界面或需要简洁文本输出的环境特别有用...

    PROGRESS实很简

    【PROGRESS编程其实很简单】系列教程旨在帮助初学者快速掌握PROGRESS编程语言。进步(PROGRESS)是一种4GL(第四代编程语言)数据库语言,以其简洁性和易学性著称。在本文中,我们将深入探讨变量定义、注释以及记录...

    Progress基础语法.rar

    Progress是一种强大的4GL(第四代编程语言)编程环境,主要用于开发企业级的应用系统。它以其高效、稳定和数据库集成的特点,在金融、电信、制造等行业有着广泛的应用。本压缩包"Progress基础语法.rar"包含了关于...

    progress 开发小资料

    在开始介绍Progress开发小资料之前,我们首先需要了解Progress软件公司(Progress Software Corporation)及其产品。Progress是一个全球性的软件公司,专注于为客户提供企业级的应用开发和部署解决方案。Progress...

    ora-01033:oracle initialization or shutdown in progress 解决方法

    ### ora-01033: Oracle Initialization or Shutdown in Progress 解决方法 #### 一、问题背景及原因 **标题**: “ora-01033: Oracle initialization or shutdown in progress 解决方法” **描述**: “ora-01033: ...

    Progress数据库管理命令大全

    QAD Progress数据库管理命令大全 很实用,包含了备份、还原、复制数据库等操作

Global site tag (gtag.js) - Google Analytics