- 千一控件－进度条高级应用(1)
- 千一控件－进度条高级应用(2)
- 千一控件－进度条高级应用(3)
- 千一控件－标签控件
- 千一控件－零选列表框
- 千一控件－树形菜单
- 千一控件－级联菜单
- 千一控件－布告菜单
- 千一控件－布告菜单 应用技巧
- 千一控件－列表框
- 千一控件－页面菜单指示器
- 千一控件－页面菜单指示器 v2.0
- 千一控件－页面内容查找
- 千一控件－DatePicker v1.2
- 千一控件－图片预览器
- 千一控件－TypeExhibition v2.0
- 千一控件－LinkList v1.0 alpha
- 千一控件－LinkLoader v1.0
- 千一控件－下拉列表框
- 千一控件－Animation
请参阅：
- 千一控件－进度条
- 千一控件－进度条高级应用(1)
- 千一控件－进度条高级应用(2)
- 千一控件－进度条高级应用(3)
千一控件－进度条 的正式版 v1.0 演示了普通的用法，形式如传统的 Windows 进度条，其实有更高级的用法，看上面的演示，进度条是渐变的，不错吧，做法非常简单，不需要改动 CProgress 类，只需要两个步骤。
一、用 Photoshop 做一个渐变长方形，其长度与进度条相同，为了美观，可以增加一个白色内描边。
二、在原来的调用代码的 Create 之后增加两行，形成完整代码如下，其中红色为新增加的内容，1.gif 为第一步中所做的图片，请确认地址。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>千一控件——进度条</title>
</head>
<body>
<div id="progress"></div>
<div><input type="button" value="重新演示" onclick="javascript:progress.SetPos(0);" /></div>
<script type="text/javascript" language="javascript" src="http://www.cftea.com/upload/WIZZEQ7UKHM4FUTS/CProgress.js"></script>
<script type="text/javascript" language="javascript">
<!--
//千一网络 www.cftea.com
var progress = new CProgress("progress", 0, 100, 0);
progress.progressWidth = 300;
progress.Create();
progress.progressId.innerHTML = "<img id=\"" + progress.barIdStr + "\" style=\"width:0px;height:100%;\" src=\"http://www.cftea.com/upload/WIZZEQ7UKHM4FUTS/1.gif\" alt=\"\" />";
progress.barId = document.getElementById(progress.barIdStr);
setInterval("progress.Inc();", 10);
//-->
</script>
</body>
</html>
