努力, 努力, 再努力
全部博文(220)
分类: Html/Css
2016-11-03 11:27:39
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>