bootstarp进度条样式
来源:互联网 发布:最好的猫粮 知乎 编辑:程序博客网 时间:2024/06/11 09:46
bootstarp中的进度条样式
把里面的min.css中的内容拿出来,作为单独样式
.progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 0.2s linear infinite; } .progress-striped .progress-bar, .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress-bar { float: left; width: 100%; height:27px; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; } @keyframes progress-bar-stripes{ from{background-position:40px 0} to{background-position:0 0} } .progress-value{ float: left; padding-left: 13px; font-weight: bold; }---------------------------------------------------------------------------------<div wicket:id="busy" class="progress-bar progress-bar-info progress-bar-striped active"> <div class="progress-value">进度条展示</div></div>
阅读全文
0 0
- bootstarp进度条样式
- bootstarp
- 进度条样式
- springMVC文件上传带进度条前端使用html5+bootstarp
- 简单,快速用bootstarp美化默认thinkphp的分页样式
- android 进度条的样式
- flex自定义进度条样式
- Android进度条样式
- android 进度条的样式
- android 更改进度条样式
- android进度条的样式
- android进度条的样式
- cocos2dx进度条样式设置
- Android进度条样式
- android进度条的样式
- android自定义进度条样式
- ExtJS 进度条样式设置
- Android进度条的样式
- mysql 字符串转数据丢失精度,mysql转换丢失精度,mysql CAST 丢失精度
- 安卓本地轻量级数据库操作框架 greenDao3.2.2 详细教程附带Demo②——增、删、查、改。
- oracle中删除重复的记录
- JAVA中的反射 超级详解!!~~~
- C++动态分配指针数组
- bootstarp进度条样式
- HFile 数据文件格式总结
- Intellij idea破解办法
- Cannot resolve classpath entry: D:Developdevelop_jarwebmysql-connector-java-5.1.30.jar
- matlab的Regionprops详解
- 用Python的PIL模块进行基本的图像操作
- ###Jsp+Servlet购物商城day02.3:分页显示商品
- 关于格雷码在 FPGA 程序调试中的应用
- 信息量与熵笔记