类似用户界面的android web滑动通知栏（html）

我正在使用electron（以前称为NodeAtom，使用html javascript和css）构建一个桌面应用程序。 我想使用（或创建，如果没有选择）一个滑动通知栏，就像android操作系统上的那个

我没有找到用于此目的的现有组件，也不知道自己如何开发此组件

我想知道是否存在这样的组件或类似的东西，或者我如何编写一个供自己使用的组件

非常感谢你的帮助

---

更新1

我被要求提供更多信息，更具体，这是理所当然的。 我将从这个状态栏详细介绍我到底需要什么，我为什么需要它，以及我需要它的背景。（也许有更好的选择，我不知道）

我正在使用nodejselectron编写一个桌面应用程序（因此我的UI不遵循常见的浏览器UI&ux规则）。 到目前为止，我编写的模板如下所示：

正如你所看到的，我在遵循谷歌材料设计的同时，试图让它看起来尽可能的“移动”（我使用的是angular 2，所以angular 1材料不是一个选项，我使用的大部分组件都来自polymer elements collection）

我的应用程序的核心是在服务器上运行一些算法。我想要一个中心位置来显示当前正在运行的算法及其状态（通常一次不能超过5个），所以我能想到的唯一适合材料设计且足够中心的想法就是使用类似android通知栏的东西。问题是我找不到任何可以实现这一点的web组件。我所说的状态栏如下所示（当查看大量android版本时，它的外观会发生一些变化，我不介意它看起来像哪个版本）。当点击或向下拖动时，它应该从顶部向下滑动，就像在android手机中一样：

通知显示当前活动的内容，我也可以在其中使用设置快捷方式（红色区域中标记的是相关部分）。其余的选项并不相关。

---

这就是我最初想要的。如果有人对如何在中心位置展示这些运行的算法有更好的想法，这符合材料设计指南，我也愿意接受建议：）

您是否试图在站点顶部实现热点？或者你想要一个按钮或者一个键盘快捷键来滑动通知栏？我在想一个按钮可以把它滑下来，或者也可以支持把它拖下来，任何靠近它的东西都会是你想要的东西？您希望它与Android上的通知抽屉有多大的相同？只有一个组件可以从屏幕顶部上下滑动？我希望它尽可能类似于android。但是我只需要通知部分（没有顶部的android设置部分）。我想要实现的是在我的应用程序中有一个显示大量通知的位置，并尽可能多地查看移动应用程序（我在我的应用程序的其余部分使用材质设计组件）。这是一个我正在使用nodejs electron编写的桌面应用程序，而不是真正的浏览器应用程序，因此使用我的用户已经熟悉的滑动通知栏对我来说是有意义的。@user1245668我知道你问这个问题已经有一段时间了，但我只是想给你们一个提示，我会做这个只是为了好玩，因为我想在将来使用它。我想知道是否需要拖拽支撑。