Angularjs 角度Js中的限制范围滑块

我是新手。 我想实现如下。 将

100%

分为多个选项（动态）

例如：

RGB

颜色，用户可以使用我们的滑块设置

红色-20%

，

绿色-30%

，

蓝色-50%

（平衡） 性别

男性-40%

，

女性-60%

剩余余额

如果用户将男性设置为

45%

自动将女性设置为剩余平衡

55%

，使用相同的滑块和不同的颜色

人与人之间的财务份额。 在多范围滑块中

---

您能建议任何人如何使用适合我的滑块模块实现吗？

在CodePen中，您可以看到多量程滑块的示例：

用法示例：

HTML

<slider model="probs" property="p" step=".05"></slider>

$scope.probs = [ p: .1, p: .5,  p: .4]

还有一个具有类似“组件”的Plunker：

---

在CodePen中，您可以看到多量程滑块的示例：

用法示例：

HTML

<slider model="probs" property="p" step=".05"></slider>

$scope.probs = [ p: .1, p: .5,  p: .4]

还有一个具有类似“组件”的Plunker：