javascript实现自定义进度条

最新推荐文章于 2023-06-21 22:38:32 发布

南山隐者

最新推荐文章于 2023-06-21 22:38:32 发布

阅读量1.6k

点赞数 1

分类专栏：【JavaScript】

本文链接：https://blog.csdn.net/hu_shengyang/article/details/10543211

版权

本文分享了一段JavaScript代码，用于实现自定义进度条功能。通过为进度条指定ID，可以灵活地进行各种定制和扩展操作。

摘要由CSDN通过智能技术生成

直接给代码：

/**
	*返回浏览器类型(ie,firefox,opera)
	*/
function getBrowser(){
	  var type = "";
	  var Browser = {
		  'isIE' : (navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0),
		  'isFirefox' : navigator.userAgent.indexOf('Firefox') >= 0,
		  'isOpera' : navigator.userAgent.indexOf('Opera') >= 0
	  };
	  if(Browser["isIE"]==true){type='ie'};
	  if(Browser["isFirefox"]==true){type='firefox'};
	  if(Browser["isOpera"]==true){type='opera'};
	  return type;
}

/**
	*生成静态进度条
	*@param progress	进度(例如：10/120,也可为文字:进度不正常时的提示文字)
	*@param id		进度条id
	*@param color 进度条颜色
	*/
function processBar(progress,id,color){
		var browser = getBrowser();
		var height = "";
		if(browser.toLowerCase()