I am using angularjs to stop range slider at 75 but its not a good way. Can some body guide me how to do it? [EDIT to clarify after max=75 answer] Remember I do want to show total 100 or maximum scale but still want to limit to 75 percent or at 75.
<html ng-app="root">
<body>
<div ng-controller="index">{{message}}
<input type=range ng-model="data.sl" id=sl />
<input type=text ng-model="data.sl" />
</div>
</body>
</html>
<script src="angular.js"></script>
angular.module('root', [])
.controller("index", ["$scope", function ($scope) {
$scope.message = "Hello World!";
$scope.data = {};
$scope.data.sl = 12;
$scope.$watch('data.sl',function(nv,ov){
if(nv==ov)return;
if(nv >= 75){
document.getElementById("sl").stepDown(10);
console.log("going up");
}
});
}]);
<input type="range" max="100">