原始的openwrt 画面不怎么完美， 所以尝试着修改了下， 练练手， 这次修改下内存的进度条：
我是用radialindicator.js 修改的进度条， 这个插件的好处就是修改方便， 额且拓展性很强：
首先先贴一个在自己本地的htm实现这个效果
<!doctype html> <html lang="zh"> <head> </head> <body> <div id="indicatorContainer"></div> <div id="memory"></div> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script src="js/radialindicator.js"></script> <script type="text/javascript"> radialIndicator.defaults.initValue = 100; //指示器赤初始值 var memoryjs = $('#memory').radialIndicator({ barWidth: 10, radius:200, roundCorner: true, percentage: true, barColor: { 0: '#33CC33', 33: '#37BC9B ', 66: '#23B7E5', 100: '#FF0000'},percentage: true}).data('radialIndicator'); //Using Instance memoryjs.animate(5); </script> </body> </html>
然后选择你要存放的进度条的位置，修改index.htm 的内容
修改这个的突破口我们是已内存的信息出处下手，同时熟悉一下其他的信息的出处。
if (e = document.getElementById('memory')) svgprogressbar( ((info.memory.free + info.memory.buffered) / 1024) + " <%:kB%>", (info.memory.total / 1024) + " <%:kB%>" ); 我们可以看到是get “id”的方式触发这个方法我修改了下
svgprogressbar这个名字， 然后方法里面进行修改 function svgprogressbar(v, m) { var vn = parseInt(v) || 0; var mn = parseInt(m) || 100; var pc = Math.floor((100 / mn) * vn); gpc =1-pc / 100; xgpc=100-pc; memoryjs.animate(xgpc); }用这个插件 的好处就是只需要修改一个变量， 就可以把整个呈现出来
