是否可以更改Angular材质进度栏的aria-valuemax =“ 100”？
作为我团队中的一个项目，我从事城市建筑商的工作。我在资源栏中使用mat-progress-bar。问题是，例如，库存为：最大铁为50，则最大进度栏位于该栏的50％。
然后我在mat-progress-bar文件中找到了“ aria-valuemax”。我试图在html页面中更改此值：
<mat-progress-bar class="energy-progress" [value]= "energy" aria-valuemax="energyMax">
但是它不起作用。有可能以其他方式吗？
请勿直接映射能量值。在映射之前进行百分比计算。
例如：
<%@ Page Language="C#" AutoEventWireup="true"
CodeBehind="WebForm1.aspx.cs" Inherits="Demo.WebForm1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="jquery-1.11.2.js"></script>
<script src="jquery-ui.js"></script>
<link href="jquery-ui.css" rel="stylesheet" />
<script type="text/javascript">
$(document).ready(function () {
$("#btnUpload").click(function (event) {
var files = $("#FileUpload1")[0].files;
if (files.length > 0) {
var formData = new FormData();
for (var i = 0; i < files.length; i++) {
formData.append(files[i].name,files[i]);
}
var progressbarLabel = $('#progressBar-label');
var progressbarDiv = $('#progressbar');
$.ajax({
url: 'UploadHandler.ashx',method: 'post',data: formData,contentType: false,processData: false,success: function () {
progressbarLabel.text('Complete');
progressbarDiv.fadeOut(2000);
},error: function (err) {
alert(err.statusText);
}
});
progressbarLabel.text('Uploading...');
progressbarDiv.progressbar({
value: false
}).fadeIn(500);
}
});
});
</script>
</head>
<body style="font-family: Arial">
<form id="form1" runat="server">
Select Files :
<asp:FileUpload ID="FileUpload1" runat="server" AllowMultiple="true" />
<br /><br />
<input type="button" id="btnUpload" value="Upload Files" />
<br /><br />
<div style="width: 300px">
<div id="progressbar" style="position: relative; display: none">
<span style="position: absolute; left: 35%; top: 20%" id="progressBar-label">
Uploading...
</span>
</div>
</div>
</form>
</body>
</html>