jQuery实现的彩色进度条样式特效源码.zip资源-CSDN文库

共6个文件

css：3个

js：2个

html：1个

版权申诉

jquery

197 浏览量 2022-11-07 23:54:40 上传评论收藏 37KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery实现的彩色进度条样式特效源码.zip （6个子文件）

132687007147028320

css

demo.css 883B

normalize.css 2KB

jquery.lineProgressbar.css 345B

index.html 1KB

jquery-1.11.0.min.js 94KB

jquery.lineProgressbar.js 1KB

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>jQuery进度条插件彩色样式代码</title> <link rel="stylesheet" type="text/css" href="css/normalize.css" /> <link rel="stylesheet" type="text/css" href="css/demo.css">  <link rel="stylesheet" href="css/jquery.lineProgressbar.css"> </head> <body> <div class="htmleaf-content"> <h3 class="center">基本进度条</h3> <div id="progressbar1"></div> <h3 class="center">控制进度条的颜色</h3> <div id="progressbar2"></div> <h3 class="center">控制进度条的高度</h3> <div id="progressbar3"></div> <h3 class="center">控制进度条的圆角</h3> <div id="progressbar4"></div> </div> <script src="js/jquery-1.11.0.min.js" type="text/javascript"></script> <script src="js/jquery.lineProgressbar.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $('#progressbar1').LineProgressbar({ percentage: 50 }); $('#progressbar2').LineProgressbar({ percentage: 25, fillBackgroundColor: '#1abc9c' }); $('#progressbar3').LineProgressbar({ percentage: 61, fillBackgroundColor: '#e67e22', height: '35px' }); $('#progressbar4').LineProgressbar({ percentage: 78, fillBackgroundColor: '#f1c40f', height: '65px', radius: '50px' }); }) </script> </body> </html>

评论收藏

内容反馈

版权申诉