`
mengqingyu
  • 浏览: 333134 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

制作动态进度条效果

HTML 
阅读更多 
body,html{font-size:12px;}
.plan_bg{width:125px; height:9px; float:left; background:#dfe8ed; display:block}
.plan{width:60%; background:#007dc6;height:9px;}
.plan_wz{float:left; font-size:12px; width:50px; line-height:15px; text-indent:8px;}

<html>
	<head>
		<title>问卷调查</title>
		<link href="plan_style.css" rel="stylesheet" type="text/css" />
	</head>
<body>
	<span>
			  <div class="plan_bg">
						<div id="plan_js" class="plan"  style="width:20%"></div>
				</div>
				<span class="plan_wz">20%</span>
  <span>
</body>
</html>

以下是已经做好的静态进度条例子。。。
分享到：
| Jml插件获取MSN好友列表
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    【案例分享 - 旅游出行app】Axure制作拖动进度条的交互效果

    Axure制作拖动进度条的交互效果Axure制作拖动进度条的交互效果Axure制作拖动进度条的交互效果Axure制作拖动进度条的交互效果Axure制作拖动进度条的交互效果Axure制作拖动进度条的交互效果Axure制作拖动进度条的交互...

    Axure，Gmail进度条效果

    使用Axure做的gmail的进度条，分享给大家

    【案例分享 - 旅游出行app】Axure制作五星评分的交互效果

    Axure制作拖动进度条的交互效果Axure制作拖动进度条的交互效果Axure制作拖动进度条的交互效果Axure制作拖动进度条的交互效果Axure制作拖动进度条的交互效果Axure制作拖动进度条的交互效果Axure制作拖动进度条的交互...

    jQuery进度条插件制作多种彩色的动画上传进度条效果代码

    现在，我们需要编写jQuery代码来处理进度条的动态更新。以下是一个简单的示例，展示了如何根据文件上传的进度改变进度条的宽度： ```javascript $(document).ready(function() { var progressBar = $('#progress-...

    Canvas制作圆形进度条Loading效果

    Canvas制作圆形进度条Loading效果

    易语言标签制作进度条

    在标题提到的"易语言标签制作进度条"项目中，我们可以理解为这是通过易语言编写的代码，用于创建一个带有进度条功能的标签。这个功能可能涉及到以下几个方面： 1. **标签控件**：在易语言中，标签（Label）是一个...

    jquery动态进度条jqmeter

    【标题】"jQuery动态进度条jqmeter"是一个关于利用jQuery技术实现动态进度条效果的讨论。这个主题聚焦于一个名为jQMeter的轻量级jQuery插件，它为开发者提供了简单易用的工具来创建自定义的进度条展示。 【描述】...

    几十种 gif 动态进度条图片集，

    由于其支持多帧动画和透明色，因此常用于制作动态图标、简单的动画，以及如本例中的动态进度条。 "进度条"是用户界面设计中的一种常见元素，它通常用于显示任务的完成状态，如数据加载、文件上传或下载、视频缓冲等...

    Bootstrap制作超酷进度条UI动画.zip

    Bootstrap是世界上最流行的前端开发框架之一，它为开发者提供了...实践中，你可以根据自己的需求调整代码，创建独一无二的进度条效果。同时，记得在开发过程中遵循Web标准，保证代码的可读性和兼容性，提升用户体验。

    canvas制作水波进度条

    在本文中，我们将深入探讨如何使用HTML5的Canvas API来创建一个动态的“水波进度条”。Canvas是HTML5提供的一种强大的绘图工具，允许开发者通过JavaScript直接在网页上进行图形绘制，包括动画效果。水波进度条是一种...

    VC-MFC制作变色进度条

    在"变色进度条制作.doc"文档中，可能详细描述了每一步的实现过程，包括创建MFC对话框应用程序，添加CProgressCtrl控件，修改资源文件，以及在源代码中实现颜色变化和消息处理。而"ProgressBar"可能是包含示例代码或...

    自定义进度条，动画效果

    4. **动画效果**：为了实现动态的进度更新，我们可以使用`ObjectAnimator`或`ValueAnimator`。设置动画的持续时间、变化函数，然后监听动画的每一帧更新，实时调整进度值并重绘View。 **实现动画** 1. **...

    jquery实现进度条特效

    在网页设计中，进度条是一种常见的用户界面元素，用于显示任务的完成状态或者加载...通过调整CSS样式和jQuery脚本，你可以创造出各种各样的个性化进度条效果。记住，始终关注用户体验，确保进度条的视觉反馈清晰易懂。

    jquery html5 css3网站内容更新时间轴进度条效果

    标题中的“jquery html5 css3网站内容更新时间轴进度条效果”揭示了这个主题是关于使用HTML5、jQuery和CSS3技术来实现一种特定的网页交互元素——时间轴进度条。这种效果通常用于展示网站内容的更新历史或者项目进度...

    CSS3+jquery制作超酷的可控制以百分比显示的进度条效果.zip

    在本项目中，“CSS3+jquery制作超酷的可控制以百分比显示的进度条效果.zip”是一个关于创建动态、视觉吸引人的进度条效果的资源包。这个效果结合了CSS3的强大样式能力和jQuery的交互性，使得进度条不仅美观，还能够...

    HTML+CSS制作的进度条

    通过这种方式，我们可以轻松地创建一个具有动画效果的进度条，当进度改变时，填充部分会平滑地从左向右扩展。此外，还可以根据需求调整颜色、尺寸、圆角和其他样式属性，以适应不同场景下的设计需求。 总结一下，本...

    vb.net制作的漂亮进度条

    "vb.net制作的漂亮进度条"项目提供了一个美观且功能丰富的进度条控件，这将提升应用程序的用户体验。 首先，让我们详细了解一下VB.NET中的进度条控件。在.NET Framework中，`ProgressBar`控件是标准的进度条组件，...

    CSS3实现的动态进度条带有当前进度百分比数字显示对比flash毫不逊色.zip

    1. **渐变（Gradients）**：CSS3支持线性渐变和径向渐变，可以用于制作进度条的背景，使其看起来更加平滑和专业。例如，可以使用`linear-gradient()`函数定义从一种颜色到另一种颜色的过渡。 2. **边框半径（Border...

    安卓进度条loadingprogress相关-Android实现动态数字圆圈进度效果.rar

    - 这个资源适用于那些想要学习如何自定义Android UI组件的开发者，尤其是对进度条效果有特殊需求的场景。通过研究源代码，开发者可以了解自定义视图、动画、绘制等方面的实践技巧。 总之，这个"Android实现动态...

Magicbox
Global site tag (gtag.js) - Google Analytics