-
论坛里的经验值进度条如何实现?5
就是从数据库里接收到的参数值转化成进度条显示,最大值在数据库里,已经定了,就是不知道如何显示成进度条,传过来的参数显示的是数值,各位有实现的方法嘛?
问题补充:把数字按照比例转成背景颜色的width
可不可以详细点,写出来呀,谢谢呀我就是不知道如何转换?
问题补充:我知道你所说的DIV定样式,我现在的问题是,从数据库里接收到的值是lable显示出来的数值,如何转换成进度条?谢谢你呀
问题补充:经验值:<asp:Label ID="texper" runat="server" Text="Label" ></asp:Label>
<div style="height:10px;background:#000;width:<%=texper %>px"></div>
texper里从数据库里接收到的值?我在下面转换不行?
问题补充:经验值:2 然而,进度条显示全部,我在数据库里设置的最大值50,不知道是什么错误?
问题补充:我从数据库里调出来的值,是0~50这大,不知道如何换成进度条。
当大于50就变成50~100,进度条就又从0~50这样变?
问题补充:我现在就是
<table border="0" cellpadding="0" cellspacing="0" style="width: 220px; background: #ffffff">
<tr>
<td align="left" style="padding-left: 20px; height: 30px">
<b>经验值</b>:<asp:Label ID="texper" runat="server" Text="Label" ></asp:Label>
<div style="height:10px;background:#000;width:<%=texper %>px"></div>
</td>
</tr>
</table>
出现的经验值是2,进度条显示的是table的宽度,全部填充了
问题补充:哈哈,这样只是把DIV里的宽度变了,可是我lable里取出来的值没有转成进度条呀?
问题补充:可是我调出来的值如何放在DIV上呢?我的值是2,DIV宽度是2PX,这两个如何联系起来呀?
我LABLE里的值,不能放在DIV里呀?
问题补充:你以前有用过的嘛,能不能给个我?
问题补充:
<div style="height:10px;background:#000;">
<asp:Label ID="texper" runat="server" Text="Label" ></asp:Label>
</div>
如何把Label取出来的值转化成宽度?现在懂了吧
问题补充:我试试呀?
问题补充:不能这样定义呀?DIV不支持
问题补充:分析器错误
说明: 在分析向此请求提供服务所需资源时出错。请检查下列特定分析错误详细信息并适当地修改源文件。
分析器错误信息: 基类包括字段“texper”,但其类型(System.Web.UI.WebControls.Label)与控件(System.Web.UI.HtmlControls.HtmlGenericControl)的类型不兼容。
源错误:
行 199: 经验值:
行 200: <%-- <div id="texper" style="height:10px;background:#000;width:<%=texper %>px"></div> --%>
行 201: <div style="height:10px;background:#000;width:<%<asp:Label ID="texper" runat="server" Text="Label"/> %>px"></div>
行 202: </td>
行 203:
问题补充:我真的想跟你说谢谢,谢谢你呀?我的电脑突然死机了,你是在工作嘛?
问题补充:对不起呀,我讲话就有点让人听不懂,我电脑有点慢,等会看看呀?你在哪里上班,我在上海2010年5月26日 23:26
10个答案 按时间排序 按投票排序
-
采纳的答案
嵌套不可以吗?实在不行,用js动态控制也可以的啊..
<div id="div" style="height:10px;background:#000;"></div>
<script>
var obj = document.getElementById("div");
obj.style.width = <asp:Label ID="texper" runat="server" Text="Label" />+"px";
</script>
这样总可以了不?2010年5月27日 17:05
-
汗,asp:label是你自定义标签啊
<div style="height:10px;background:#000;width:<asp:Label ID="texper" runat="server" Text="Label" />px"></div>
这样不就可以了2010年5月27日 16:36
-
<div style="height:10px;background:#777;width:20px" align="center">2</div>
是不是这个意思?试试2010年5月27日 16:25
-
不是可以的吗?
你直接把:<asp:Label ID="texper" runat="server" Text="Label" ></asp:Label>
<div style="height:10px;background:#000;width:2px"></div>
然后把width后面的值变大缩小看看有没有变化2010年5月27日 15:42
-
经验值:<asp:Label ID="texper" runat="server" Text="Label" ></asp:Label>
<div style="height:10px;background:#000;width:<%=texper %>px"></div>
你这样写完全可以啊?效果出不来?还是什么意思?2010年5月27日 15:13
-
比如说 你数据库存的是100 你实际网页里width="100"感觉太长的话,你就所有的都/4,也就是width="25",如果数据库里是40,width="10",能理解了不?
设背景色会不?<div style="background-color: red; width: 10px" />2010年5月27日 14:42
相关推荐
本资源"安卓进度条loadingprogress相关-用canvas自定义弧形进度条以及可滑动的带状态值条形进度条并实现进度动画.rar"提供了两种自定义进度条的实现方式:弧形进度条和可滑动的带状态值条形进度条,并且都包含了进度...
本文将深入探讨如何使用`ExpandableList`和环形进度条来实现一个上传页面,以提供用户友好的文件上传体验。 首先,我们要理解`ExpandableList`。在Android中,`ExpandableListView`是一个可扩展的列表视图,允许...
在这个“HTML5 CSS3 进度条实现实例源码完美版”中,我们可以深入学习如何利用这两种技术来实现动态、美观的进度条效果。 HTML5引入了许多新元素和API,其中之一就是`<progress>`元素,用于表示一个任务的进度。这...
为了实现动态更新进度,我们可能还需要添加一个公共属性,如Progress,用于设置或获取进度值。此外,可能还会涉及OnResize事件,以确保控件大小变化时,进度条的尺寸也能相应调整。 在`CircleBarDemo`这个项目中,...
以上各部分组合起来,形成了一个完整的Java进度条实现方案。从创建窗口、布局管理、初始化组件到事件处理,每个步骤都紧密相连,共同构成了一个功能完整的进度条组件。 通过上述详细的讲解和代码示例,我们可以看到...
在这个“jquery+html5实现进度条加载特效.rar”压缩包中,我们很显然将探讨如何利用这两项技术来创建一个吸引人的进度条加载效果。进度条加载特效在网页中广泛应用,例如在数据加载、文件上传或下载过程中,为用户...
在Android开发中,自定义控件是提升应用用户体验和界面美观度的重要手段。"安卓进度条loadingprogress相关-自定义圆形进度条1.rar"这个...对于有经验的开发者,这些代码可以作为参考,快速实现自己的自定义进度条设计。
这种动态进度条不仅可以用作加载指示器,还可以应用于各种进度展示场景,比如游戏中的生命值、经验值等,甚至可以用作数据可视化工具的一部分。 综上所述,HTML5进度条特效是一个结合了HTML5新特性、CSS样式以及...
- 在代码中,可能有初始化进度条、设置初始值、更新进度条值的代码段。 - 可能包含一个按钮,点击后触发后台任务并更新进度条,展示进度。 6. **源码调试**: - 用户提到源码已调试无误,这意味着所有的逻辑和...
总的来说,无论是初学者还是经验丰富的开发者,理解和掌握进度条和对话框进度条的使用都是至关重要的。通过不断的实践和学习,我们可以灵活地将这些元素融入到各种应用场景中,为用户提供更加友好和直观的交互体验。...
然而,这个项目提供的"漂亮进度条"可能是对默认控件的一种自定义实现,以提供更个性化的外观和可能的额外功能。 `DemoApp`文件夹包含的是演示应用程序的源代码,这通常是一个运行实例,展示如何在实际应用中使用该...
5. **进度更新**:当程序执行的任务进度发生变化时,例如加载文件或执行计算,更新进度条的值。你可以通过设置一个全局变量来跟踪进度,并在每次进度变化时调用重绘函数。 6. **动画效果**:为了提升用户体验,可以...
《易语言源码时钟进度条》是一款基于易语言编程环境开发的软件组件,主要用于在用户界面中展示时间进程...对于初学者来说,这是一个理想的起点,而对于有经验的开发者,它提供了一个快速实现时钟进度条功能的参考方案。
3. **过渡(Transitions)**:当进度值改变时,过渡效果可以让进度条的变化看起来更平滑。通过`transition`属性,我们可以设置进度条宽度变化的速度和效果。 4. **Flexbox布局**:使用`display: flex`,我们可以...
这可以通过设置进度条的最小值和最大值属性来实现。 接下来,我们需要编写更新进度条的代码。这通常涉及到一个循环或者在特定事件(如按钮点击)触发时执行的函数。在易语言中,我们可以使用“设置部件属性”命令来...
在Android开发中,进度条...总之,这个"Android实现动态数字圆圈进度效果"的示例提供了自定义Android进度条的实践经验,涵盖了UI设计、动画制作、自定义视图等多个关键知识点,对于提升Android开发技能非常有帮助。
总的来说,实现“跟随进度条进度移动的布局”需要开发者对UI组件、事件监听以及动画有一定的理解和实践经验。这个过程既涉及到前端界面的动态更新,也涉及到与用户交互的实时反馈,是提升应用交互性和视觉吸引力的...
动态加载数据是指在运行时更新进度条的值。这通常涉及到后台任务与UI线程的交互。在Android中,我们应避免直接在主线程进行耗时操作,可以使用`AsyncTask`或者`Handler`来异步处理数据加载,并在数据更新时通过调用`...
当后台任务的进度发生变化时,通过监听器将新的进度值传递给UI,进而更新数字进度条的状态。 5. **权限管理**:在Android系统中,特别是从Android 6.0(API级别23)开始,动态申请权限是必要的。更新App可能需要...
【标题】:“简单的进度条模拟.zip”所包含的是一个关于如何使用HTML和JavaScript在网页...同时,对于有经验的开发者,它提供了一个快速实现进度条功能的基础模板,可以在此基础上进行定制和扩展,以适应各种项目需求。