jquery进度条组件 ProgressBar 根据实时进度更改进度条颜色

最新推荐文章于 2024-01-13 21:43:10 发布

weixin_33913377

最新推荐文章于 2024-01-13 21:43:10 发布

阅读量1k

点赞数

文章标签： javascript ui ViewUI

原文链接：https://my.oschina.net/SimTao/blog/1556039

版权

为什么80%的码农都做不了架构师？>>>

1.进度条组件ProgressBar 根据实时进度更改进度条颜色。>=30%为绿，>=70为黄，>70%为红，

<div id="p" class="easyui-progressbar" style="width:400px;height:15px"></div>

<script>
	function start(){
		var value = $('#p').progressbar('getValue');
		if (value < 100){
			value += Math.floor(Math.random() * 2);
			$('#p').progressbar('setValue', value);
				if(value<=30){
					$(".progressbar-value .progressbar-text").css("background-color","#53CA22");
				}else if (value<=70){
					$(".progressbar-value .progressbar-text").css("background-color","#EABA0A");
				}else if (value>70){
					$(".progressbar-value .progressbar-text").css("background-color","#DF4134");
				}
			setTimeout(arguments.callee, 200);
		}
	};
</script>

转载于:https://my.oschina.net/SimTao/blog/1556039