Chinaunix首页 | 论坛 | 博客
  • 博客访问: 1237690
  • 博文数量: 220
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 1769
  • 用 户 组: 普通用户
  • 注册时间: 2015-03-13 16:19
个人简介

努力, 努力, 再努力

文章分类

全部博文(220)

文章存档

2018年(8)

2017年(46)

2016年(75)

2015年(92)

我的朋友

分类: Html/Css

2016-11-03 11:27:39


附简略CSS3 样式

html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <style>
        .progress { height:20px; width:550px; box-shadow:inset 0 1px 2px rgba(0,0,0,.1); background-color:#f5f5f5; border-radius:4px; overflow:hidden;}

        .progress-bar { float:left; width:0; height:100%; color:#fff; background-color:#428bca;}
        .progress-bar-success { background-color:#5cb85c; width:400px;}
        .progress-striped .progress-bar{ 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;
}
    style>
head>
<body>
<div class="progress progress-striped">
    <div class="progress-bar progress-bar-success">
    div>
div>
body>
html>


阅读(1311) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~